@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Nunito:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&family=Lato:wght@300;400;500;700&family=Montserrat:wght@300;400;500;700&family=DM+Sans:wght@300;400;500;700&family=Raleway:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Merriweather:wght@300;400;700&display=swap);:root[data-theme=light]{--bg-main:#faf8fc;--bg-card:#fff;--bg-secondary:#f1f5f9;--bg-sidebar:#8b5cf6;--bg-sidebar-hover:#222;--text-primary:#0f0f0f;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--accent-primary:#8b5cf6;--accent-secondary:#f97316;--accent-success:#10b981;--accent-warning:#f59e0b;--shadow-soft:0 10px 30px #0f172a14;--calender-bg-card:#ebfaf3}:root[data-theme=dark]{--bg-main:#020617;--bg-card:#020617;--bg-secondary:#020617;--bg-sidebar:#020617;--bg-sidebar-hover:#111827;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--border-light:#111827;--border-medium:#1f2933;--accent-primary:#8b5cf6;--accent-secondary:#f97316;--accent-success:#22c55e;--accent-warning:#fbbf24;--shadow-soft:0 10px 30px #0009}body{background:var(--bg-main);color:var(--text-primary)}*{font-family:Manrope}p{font-feature-settings:normal;font-size:25px;font-style:normal;font-variant:normal;font-weight:400;line-height:30px;text-align:start}body,html{overflow-x:hidden;padding-top:30px}.perfect-design-popup{background:linear-gradient(135deg,#fff,#f4f0ff)!important;border-radius:24px!important;box-shadow:0 20px 50px #764ba21a!important;font-family:Manrope,sans-serif!important;overflow:hidden!important;padding:0!important;width:340px!important}.swal-card-container{padding:40px 0;position:relative}.swal-bg-layer,.swal-card-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.swal-bg-layer{border-radius:24px;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:0}.swal-bg-img{animation:spinSlow 60s linear infinite;height:100%;object-fit:cover;opacity:.5;transform:scale(1.2);width:100%}.swal-content-layer{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.swal-main-icon{animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275);display:block;filter:drop-shadow(0 5px 15px rgba(102,126,234,.2));height:75px;margin-bottom:20px;object-fit:contain;width:75px}.swal-text-title{color:#000;font-size:1.2rem;font-weight:600;letter-spacing:.3px}.swal2-popup{z-index:30001!important}.swal2-container{z-index:2147483647!important}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes spinSlow{0%{transform:rotate(0deg) scale(1.2)}to{transform:rotate(1turn) scale(1.2)}}[data-theme=dark] .swal2-container.swal2-center{background:#0f172abf!important}[data-theme=dark] .swal2-popup{background:#020617!important;border-radius:18px!important;box-shadow:0 24px 80px #000000e6!important;color:#e5e7eb!important}[data-theme=dark] .swal2-title{color:#e5e7eb!important}[data-theme=dark] .swal2-html-container{color:#9ca3af!important}[data-theme=dark] .swal2-radio label{color:#e5e7eb!important}[data-theme=dark] .swal2-actions .swal2-confirm{background:#8b5cf6!important;border-radius:999px!important;color:#fff!important}[data-theme=dark] .swal2-actions .swal2-cancel{background:#111827!important;border-radius:999px!important;color:#e5e7eb!important}[data-theme=dark] div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{background:#020617!important;color:#e5e7eb!important}.nav-wrap{background:#fff;box-shadow:0 1px 0 #1018280a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:10px 20px;position:fixed;top:0;width:100%;z-index:30}.nav-inner{gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;min-width:0;width:100%}.nav-inner,.nav-left{align-items:center;display:flex}.nav-left{flex:0 0 auto}.nav-logo{height:44px;object-fit:contain;width:auto}.nav-center{display:flex;flex:1 1 auto;font-weight:500;justify-content:flex-end;margin-right:50px;min-width:0}.nav-links{align-items:center;display:flex;gap:28px;list-style:none;margin:0;padding:0}.nav-link{min-width:0}.nav-link a{color:#111827;display:inline-block;font-size:14px;letter-spacing:.2px;padding:6px 4px;text-decoration:none}.nav-link a:hover{color:#6b21a8}.nav-link .nav-anchor{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#111827;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.2px;margin:0;outline:none;padding:6px 4px;text-decoration:none}.nav-link .nav-anchor:hover{color:#6b21a8}.nav-right{align-items:center;display:flex;flex:0 0 auto;gap:12px}.circle-icon{align-items:center;background:linear-gradient(135deg,#f472b6,#ec4899);border:none;border-radius:999px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.signup-btn-nav{background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:999px;box-shadow:0 6px 18px #6366f11f;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .12s ease,box-shadow .12s ease}.signup-btn:hover{transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content-nav{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative}.modal-close{background:linear-gradient(135deg,#ff4757,#ff3742);border-radius:50%;box-shadow:0 6px 20px #ff475766;color:#fff;font-size:22px;font-weight:300;height:40px;line-height:1;position:absolute;right:-12px;top:-12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1001}.modal-close:hover{background:linear-gradient(135deg,#ff3742,#ff2d3a);box-shadow:0 8px 25px #ff475780;transform:scale(1.1)}.modal-close:active{transform:scale(.95)}@media (max-width:830px){.nav-inner{gap:16px;padding:10px 16px}.nav-links{gap:18px}.nav-logo{height:40px}.signup-btn{font-size:12px;padding:7px 12px}.nav-center{justify-content:flex-start;padding-left:8px}.nav-links{flex-wrap:wrap;row-gap:6px}}@media (max-width:640px){.nav-center{display:none}.nav-inner{justify-content:space-between}.circle-icon{display:inline-flex}}@media (max-width:768px){.modal-overlay{padding:15px}.modal-content-nav{border-radius:12px;max-height:95vh;max-width:100%}.modal-close{font-size:20px;height:36px;right:-8px;top:-8px;width:36px}}@media (max-width:480px){.modal-overlay{padding:10px}.modal-content-nav{border-radius:8px}.modal-close{font-size:18px;height:32px;right:-6px;top:-6px;width:32px}}@media (max-width:420px){.nav-inner{gap:10px}.nav-logo{height:36px}.signup-btn{font-size:12px;padding:6px 10px}.nav-links{gap:12px}}@media (prefers-reduced-motion:reduce){.modal-close,.modal-content-nav,.modal-overlay,.signup-btn{animation:none;transition:none}}@media (prefers-contrast:high){.modal-close{border:2px solid #fff}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000c}}.user-section{gap:12px}.logout-btn{background:linear-gradient(90deg,#ef4444,#dc2626);border:none;border-radius:999px;box-shadow:0 6px 18px #ef44441f;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .12s ease,box-shadow .12s ease}.logout-btn:hover{box-shadow:0 8px 25px #ef444433;transform:translateY(-2px)}@media (max-width:768px){.user-section{gap:8px}.user-greeting{display:none}.logout-btn{font-size:12px;padding:6px 12px}}.user-section{align-items:center;display:flex;position:relative}.user-dropdown-trigger{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.user-dropdown-trigger:hover{background:#ffffff26;border-color:#ffffff4d}.user-greeting{color:#374151;font-size:14px;font-weight:500}.dropdown-arrow{color:#6b7280;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownSlideIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:280px;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:12px;padding:16px}.user-avatar{background:#fff3;font-size:16px;height:40px;width:40px}.user-details{flex:1 1}.user-name{font-size:14px;font-weight:600;margin-bottom:2px}.user-email{font-size:12px;opacity:.9}.dropdown-divider{background:#e5e7eb;height:1px}.dropdown-menu{padding:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-item svg{flex-shrink:0;height:16px;width:16px}@media (max-width:768px){.user-greeting{display:none}.user-dropdown{width:250px}.dropdown-header{padding:12px}.user-avatar{font-size:14px;height:36px;width:36px}}.mobile-sidebar-backdrop{display:none;inset:0;position:fixed;transition:background-color .22s ease;z-index:1400}.mobile-sidebar-backdrop.open{background-color:#0000005c;display:block}.mobile-sidebar{background:#fff;border-right:1px solid #eef2f6;bottom:0;box-shadow:0 30px 60px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;left:-320px;overflow-y:auto;padding:18px;position:fixed;top:0;transform:translateX(0);transition:transform .26s cubic-bezier(.2,.9,.2,1),left 0ms .26s;width:min(320px,90vw);will-change:transform;z-index:1500}.mobile-sidebar.open{left:0;transform:translateX(0);transition:transform .26s cubic-bezier(.2,.9,.2,1),left 0ms}.mobile-sidebar-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding-bottom:8px}.mobile-logo{cursor:pointer;height:36px}.mobile-close{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:6px}.mobile-close:hover{background:#0000000a}.mobile-nav ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:6px 0}.mobile-link{border-radius:8px;color:#111827;display:block;font-weight:600;padding:12px 10px;text-decoration:none}.mobile-link.active,.mobile-link:hover{background:#f8f6ff;color:#6b21a8}.mobile-divider{background:#f1f5f9;height:1px;margin:12px 0}.mobile-actions{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.mobile-action{background:#fff;border:1px solid #eef2f6;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 12px;text-align:left}.mobile-action:hover{background:#fafafa}.mobile-action.logout{border-color:#dc222214;color:#dc2626}.mobile-notifs{background:#fff;border-radius:8px;margin-top:8px;overflow:hidden}.mobile-notifs-header{border-bottom:1px solid #f1f5f9;display:flex;font-weight:600;justify-content:space-between;padding:10px}.link-like{background:none;border:none;color:#6b21a8;cursor:pointer;font-weight:600;padding:0}.mobile-signup{font-size:15px;margin-top:6px;padding:12px 14px;width:100%}@media (max-width:768px){.nav-center{display:none}.mobile-toggle{display:inline-flex}.nav-inner{gap:12px;padding:8px 14px}.notif-count{background:#ff4757;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:2px 5px;position:absolute;right:-6px;top:-6px}}.mobile-sidebar .mobile-action:focus,.mobile-sidebar .mobile-close:focus,.mobile-sidebar .mobile-link:focus{outline:3px solid #6366f11f;outline-offset:2px}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-10%)}to{opacity:1;transform:translateX(0)}}.mobile-sidebar.open{animation:slideInFromLeft .22s ease}.mobile-toggle{align-items:center;background:linear-gradient(135deg,#f472b6,#ec4899);border:none;border-radius:999px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:none;height:36px;justify-content:center;padding:0;width:36px}.notif-count{background:#fff;border:1px solid #ef4444;border-radius:999px;color:#ef4444;font-size:11px;font-weight:700;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}@media (max-width:768px){.mobile-toggle{display:inline-flex}.nav-center{display:none}.nav-inner{gap:12px;padding:8px 14px}.notif-count{background:#fff;border:1px solid #ef4444;border-radius:999px;color:#ef4444;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-6px;top:-6px}}.theme-toggle-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .1s ease}.theme-toggle-btn:hover{background:var(--accent-primary);border-color:#0000;color:#fff;transform:translateY(-1px)}:root[data-theme=dark] .nav-wrap{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%);box-shadow:0 1px 0 #0f172ae6}:root[data-theme=dark] .nav-inner,:root[data-theme=dark] .nav-link a{color:#e5e7eb}:root[data-theme=dark] .nav-link a:hover{color:#a855f7}:root[data-theme=dark] .user-greeting{color:#e5e7eb}:root[data-theme=dark] .user-dropdown-trigger{background:#0f172ad9;border-color:#94a3b866}:root[data-theme=dark] .user-dropdown-trigger:hover{background:#1e40afb3;border-color:#818cf8cc}:root[data-theme=dark] .dropdown-arrow{color:#9ca3af}:root[data-theme=dark] .modal-content-nav{background:#020617;box-shadow:0 25px 60px #000000d9}:root[data-theme=dark] .user-dropdown{background:#020617;border-color:#94a3b873;box-shadow:0 24px 60px #000000e6}:root[data-theme=dark] .dropdown-divider{background:#374151cc}:root[data-theme=dark] .dropdown-item{color:#e5e7eb}:root[data-theme=dark] .dropdown-item:hover{background:#111827}:root[data-theme=dark] .dropdown-item.logout{color:#fca5a5}:root[data-theme=dark] .dropdown-item.logout:hover{background:#7f1d1d}:root[data-theme=dark] .mobile-sidebar{background:#020617;border-right-color:#1e40af8c;box-shadow:0 32px 80px #000000f2}:root[data-theme=dark] .mobile-link{color:#e5e7eb}:root[data-theme=dark] .mobile-link.active,:root[data-theme=dark] .mobile-link:hover{background:#1e40af73;color:#e5e7eb}:root[data-theme=dark] .mobile-divider{background:#374151e6}:root[data-theme=dark] .mobile-action{background:#020617;border-color:#374151e6;color:#e5e7eb}:root[data-theme=dark] .mobile-action:hover{background:#020617;box-shadow:0 14px 38px #000000e6}:root[data-theme=dark] .mobile-action.logout{border-color:#f8717166;color:#fca5a5}:root[data-theme=dark] .mobile-notifs{background:#020617}:root[data-theme=dark] .mobile-notifs-header{border-bottom-color:#334155e6;color:#e5e7eb}:root[data-theme=dark] .link-like{color:#a855f7}:root[data-theme=dark] .notif-count{background:#f9fafb;border-color:#ef4444;color:#ef4444}:root[data-theme=dark] .theme-toggle-btn{background:#020617;border-color:#94a3b899;color:#e5e7eb}:root[data-theme=dark] .theme-toggle-btn:hover{background:#4f46e5;color:#fff}:root[data-theme=dark] .circle-icon,:root[data-theme=dark] .mobile-toggle{box-shadow:0 4px 14px #000000b3}:root[data-theme=dark] .notification-bell{color:#fff}:root[data-theme=dark] .nav-link .nav-anchor{color:#e5e7eb}:root[data-theme=dark] .nav-link .nav-anchor:hover{color:#a855f7}.notif-panel{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:#fff;background:var(--bg-card,#fff);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-height:60vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;width:420px}.notif-panel::-webkit-scrollbar{height:0;width:0}.notif-panel.notif-empty{min-width:260px;padding:18px;text-align:center}.notif-empty-count{color:#f0b036;font-size:14px;font-weight:700;margin-bottom:8px}.notif-empty-text{color:#9ca3af;font-size:13px}.notif-header{background:#f8fafc;background:var(--bg-main,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);justify-content:space-between;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.notif-header,.notif-header-left{align-items:center;display:flex;gap:8px}.notif-title{color:#111827;color:var(--text-primary,#111827);font-size:15px;font-weight:600}.notif-unread-pill{background:#ff4757;border-radius:999px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.notif-mute-btn{background:#0000;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0}.notif-header-actions{align-items:center;display:flex;gap:6px}.notif-chip{background:#eef2ff;border:1px solid #4b6cff33;border-radius:999px;color:#1d4ed8;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:background .15s ease,border-color .15s ease,transform .1s ease;white-space:nowrap}.notif-chip:hover{background:#e0e7ff;border-color:#4f46e5;transform:translateY(-1px)}.notif-chip-ghost{background:#0000;border-color:#d1d5db;color:#4b5563}.notif-chip-ghost:hover{background:#f3f4f6}.notif-all-btn{background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:999px;box-shadow:0 4px 12px #4f46e547;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.notif-all-btn:hover{box-shadow:0 6px 18px #4f46e55c;transform:translateY(-1px)}.notif-list{list-style:none;margin:0;padding:0}.notif-item{--notif-accent:#2196f3;--notif-bg-unread:#fffef6;--notif-bg-read:#fff;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light,#f3f4f6);cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .18s ease,transform .18s ease,border-left-color .18s ease}.notif-item.is-unread{background:var(--notif-bg-unread)}.notif-item.is-read{background:var(--notif-bg-read)}.notif-item:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-left-color:var(--notif-accent);transform:translateX(2px)}.notif-icon{align-items:flex-start;display:flex;flex-shrink:0;font-size:20px;padding-top:2px}.notif-content{flex:1 1;min-width:0}.notif-title-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.notif-item-title{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;line-height:1.3}.notif-item-title-read{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500}.notif-unread-dot{background:#ff4757;border-radius:999px;height:8px;width:8px}.notif-body{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:13px;line-height:1.4;margin-bottom:6px}.notif-meta{align-items:center;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;flex-wrap:wrap;font-size:11px;gap:8px;justify-content:space-between}.notif-meta-time{white-space:nowrap}.notif-meta-cleared{font-weight:500}.notif-meta-cleared-yes{color:#16a34a}.notif-meta-cleared-no{color:#f97316}.notif-meta-badge{background:var(--notif-accent);border-radius:999px;color:#fff;padding:2px 6px;text-transform:capitalize}.notif-check{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease;width:24px}.notif-check-unread{background:#eff6ff;border-color:#2563eb;color:#2563eb}.notif-check-unread:hover{background:#2563eb;border-color:#1d4ed8;color:#fff;transform:scale(1.05)}.notif-check-read{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:default}.notif-item-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.notif-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;transition:background .18s ease,transform .12s ease,border-color .18s ease}.notif-btn-read{background:#22c55e;color:#fff}.notif-btn-read:hover{background:#16a34a;transform:scale(1.05)}.notif-btn-clear{background:#fff;border:1px solid #d1d5db;color:#374151}.notif-btn-clear:hover{background:#f9fafb;border-color:#9ca3af;transform:scale(1.05)}.notif-type-medicine{background:linear-gradient(90deg,#f0fdf4,#fff);border-left:4px solid #10b981}.notif-type-medicine .notif-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notif-medicine-note{background:#f0fdf4;border-left:3px solid #10b981;border-radius:4px;color:#065f46;font-size:13px;font-style:italic;margin-top:6px;padding:8px 10px}.notif-item.notif-type-upgraded{--notif-accent:#22c55e;--notif-bg-unread:#e8f5e8}.notif-item.notif-type-nonuser{--notif-accent:#0ea5e9;--notif-bg-unread:#e6f3ff}.notif-item.notif-type-joined{--notif-accent:#f97316;--notif-bg-unread:#fff3e0}.notif-item.notif-type-relationship{--notif-accent:#a855f7;--notif-bg-unread:#f3e5f5}.notif-item.notif-type-family-plan{--notif-accent:#6366f1;--notif-bg-unread:#e0e7ff}.notif-item.notif-type-default{--notif-accent:#3b82f6;--notif-bg-unread:#fffef6}:root[data-theme=dark] .notif-panel{background:#020617}:root[data-theme=dark] .notif-header{background:#020617;border-bottom-color:#334155e6}:root[data-theme=dark] .notif-title{color:#e5e7eb}:root[data-theme=dark] .notif-body{color:#d1d5db}:root[data-theme=dark] .notif-item.is-read{background:#020617}:root[data-theme=dark] .notif-item.is-unread{background:#0f172af2}:root[data-theme=dark] .notif-item{border-bottom-color:#374151e6}:root[data-theme=dark] .notif-item:hover{background:#020617}:root[data-theme=dark] .notif-meta{color:#9ca3af}:root[data-theme=dark] .notif-chip{background:#2563eb1f;border-color:#818cf8b3;color:#c7d2fe}:root[data-theme=dark] .notif-chip-ghost{background:#0000;border-color:#4b5563e6;color:#d1d5db}:root[data-theme=dark] .notif-all-btn{box-shadow:0 8px 26px #0f172ae6}:root[data-theme=dark] .notif-btn-clear{background:#020617;border-color:#4b5563e6;color:#e5e7eb}:root[data-theme=dark] .notif-btn-clear:hover{background:#020617;box-shadow:0 8px 20px #000000e6}:root[data-theme=dark] .notif-check-read{background:#020617;border-color:#4b5563e6;color:#6b7280}:root[data-theme=dark] .notif-check-unread{background:#2563eb1f;border-color:#3b82f6;color:#93c5fd}:root{--muted:#8b8b90;--accent:#9b4b9b;--bg:#fbf8fb}:root[data-theme=dark]{--muted:#9ca3af;--accent:#e5e7eb}.site-footer{background:linear-gradient(90deg,#fff 0,#f0f0ff 50%,#fdfeff);box-sizing:border-box;color:#111;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding:54px 20px 18px}:root[data-theme=dark] .site-footer{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%);color:#e5e7eb}.footer-top{grid-gap:36px;align-items:start;box-sizing:border-box;display:grid;gap:36px;grid-template-columns:1fr 380px 340px;margin:0 auto;max-width:1180px;padding-bottom:28px}.col-left{display:flex;flex-direction:column;gap:18px}.footer-logo{height:auto;object-fit:contain;width:160px}.footer-desc{color:#1f1f1f;font-size:15px;line-height:1.6;margin:4px 0 8px;max-width:350px}:root[data-theme=dark] .footer-desc{color:#e5e7eb}.socials{display:flex;gap:18px;margin-top:6px}.social{align-items:center;background:#0000;border-radius:8px;color:#9b4b9b;color:var(--accent);display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease;width:40px}.social:hover{background:#9b4b9b0f;transform:translateY(-4px)}:root[data-theme=dark] .social{background:#0f172ab3;color:#e5e7eb}:root[data-theme=dark] .social:hover{background:#94a3b838}.col-middle .col-title,.col-right .col-title{color:#0b0b0b;font-size:20px;font-weight:600;margin:0 0 14px}:root[data-theme=dark] .col-middle .col-title,:root[data-theme=dark] .col-right .col-title{color:#f9fafb}.arrow-list,.link-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.arrow-list li,.link-list li{align-items:center;color:#222;display:flex;font-size:15px;gap:12px}:root[data-theme=dark] .arrow-list li,:root[data-theme=dark] .link-list li{color:#e5e7eb}.arrow-list a,.link-list a{color:inherit;text-decoration:none}.link-list .tick{background:#0000;color:#111;display:inline-block;font-size:14px;font-weight:700;min-width:18px}:root[data-theme=dark] .link-list .tick{color:#f9fafb}.arrow{color:#8b8b90;color:var(--muted);font-size:18px;transform:translateY(-1px)}.subscribe{margin-top:16px}.subscribe-title{color:#0b0b0b;font-size:20px;font-weight:600;margin:0 0 12px}:root[data-theme=dark] .subscribe-title{color:#f9fafb}.subscribe-form{align-items:center;display:flex;gap:12px;width:100%}.subscribe-field{background:#fff;border:1px solid #1010100a;border-radius:28px;box-shadow:0 6px 18px #10101008;display:block;flex:1 1;padding:10px 16px}:root[data-theme=dark] .subscribe-field{background:#020617;border-color:#94a3b866;box-shadow:0 16px 40px #000c}.subscribe-field input{background:#0000;border:0;color:#222;font-size:14px;outline:0;width:100%}:root[data-theme=dark] .subscribe-field input{color:#e5e7eb}.send-btn{align-items:center;background:#f2645b;border:none;border-radius:999px;box-shadow:0 8px 22px #f2645b2e;cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:transform .14s ease,box-shadow .14s ease;width:44px}.send-btn:hover{transform:translateY(-3px)}:root[data-theme=dark] .send-btn{box-shadow:0 10px 26px #f871718c}.footer-bottom{grid-gap:12px;border-top:1px solid #10101005;color:#333;display:grid;font-size:13px;gap:12px;grid-template-columns:1fr auto auto;margin-left:auto;margin-right:auto;margin-top:18px;max-width:1180px;padding-top:14px}:root[data-theme=dark] .footer-bottom{border-top:1px solid #94a3b840;color:#9ca3af}.footer-bottom a{color:#333;opacity:.9;text-decoration:none}:root[data-theme=dark] .footer-bottom a{color:#e5e7eb;opacity:.9}@media (max-width:980px){.footer-top{gap:28px;grid-template-columns:1fr 1fr;padding-bottom:18px}.col-middle{order:3}.col-right{order:2}.footer-bottom{gap:8px;grid-template-columns:1fr;text-align:center}.footer-bottom .bottom-center,.footer-bottom .bottom-right{justify-self:center}}@media (max-width:620px){.footer-top{gap:20px;grid-template-columns:1fr;padding:22px 10px}.footer-logo{width:140px}.footer-desc{max-width:100%}.subscribe-form{flex-direction:row}.send-btn{height:44px;width:44px}}.footer-bottom{align-items:center;border-top:1px solid #0000000f;display:flex;gap:18px;justify-content:space-between;padding:18px 0}.bottom-left{font-size:14px;opacity:.85;white-space:nowrap}.bottom-links{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.bottom-links a{color:#2b2b2b;color:var(--text-primary,#2b2b2b);font-size:14px;opacity:.9;text-decoration:none}.bottom-links a:hover{opacity:1;text-decoration:underline}.bottom-links .sep{opacity:.35;-webkit-user-select:none;user-select:none}.footer-credit{font-size:13px;opacity:.8;padding:10px 0 18px;text-align:center}.footer-credit a{color:#9b4b9b;font-weight:600;text-decoration:none}.footer-credit a:hover{text-decoration:underline}@media (max-width:700px){.footer-bottom{align-items:center;flex-direction:column;text-align:center}.bottom-left{white-space:normal}}.hero{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);min-height:70vh;padding-bottom:50px;z-index:0}.hero,.hero-content{display:flex;flex-direction:column;overflow:hidden;position:relative}.hero-content{align-items:center;justify-content:flex-start;padding:175px 20px 0;text-align:center;z-index:1}.hero-content:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:clamp(50%,63vw,63%);height:clamp(50vw,70vw,70vw);left:13%;max-width:1200px;opacity:.9;top:clamp(-2px,-15vh,-190px);transform:translateX(-50%);transform-origin:center center;width:clamp(50vw,70vw,70vw)}.hero-content:after,.hero-content:before{content:"";pointer-events:none;position:absolute;z-index:0}.hero-content:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);filter:blur(44px);height:420px;left:-6%;right:-6%;top:10px;transform:translateZ(0);will-change:transform}.hero-content>*{position:relative;z-index:1}.hero-content h1{font-weight:600}.hero-content h1,.hero-content h2{color:var(--text-primary);font-family:Manrope,system-ui,sans-serif;font-size:clamp(28px,5.2vw,56px);letter-spacing:-.5px;line-height:1.05;margin:0 0 20px}.hero-content h2{font-weight:400}.hero-content p{color:var(--text-primary);font:normal normal normal 25px/45px Manrope;letter-spacing:0;opacity:1;padding-top:0;text-align:center}.gallery-section{align-items:center;display:flex;justify-content:center;min-height:53vh;opacity:1;transform:translateY(40px) scale(.96);transition:opacity .9s ease-out,transform .9s cubic-bezier(.19,1,.22,1),filter .9s ease-out;will-change:transform,opacity,filter}.gallery-section.show{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}.gallery-stack{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:520px}.gallery-card{left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.95);transform-origin:center center;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .3s ease-out;will-change:transform,box-shadow}.gallery-card img{display:block;object-fit:cover}.gallery-card.card-1{transform:translate(-50%,-50%) rotate(-6deg) translateX(-18px) translateY(-12px) scale(.95);z-index:1}.gallery-card.card-2{transform:translate(-50%,-50%) rotate(6deg) translateX(0) translateY(-6px) scale(.96);z-index:2}.gallery-card.card-3{transform:translate(-50%,-50%) rotate(-3deg) translateX(18px) translateY(6px) scale(.97);z-index:3}.gallery-card.card-4{transform:translate(-50%,-50%) rotate(4deg) translateX(36px) translateY(12px) scale(.96);z-index:4}.gallery-card.card-5{transform:translate(-50%,-50%) rotate(-2deg) translateX(54px) translateY(4px) scale(.95);z-index:5}.gallery-card.card-6{transform:translate(-50%,-50%) rotate(2deg) translateX(72px) translateY(-10px) scale(.94);z-index:6}.gallery-section.show .card-1{transform:translate(-50%,-50%) rotate(-1deg) translateX(-360px) scale(1);transition-delay:.03s}.gallery-section.show .card-2{transform:translate(-50%,-57%) rotate(-4deg) translateX(-210px) scale(1);transition-delay:.06s}.gallery-section.show .card-3{transform:translate(-50%,-61%) rotate(-13deg) translateX(-80px) scale(1);transition-delay:.09s}.gallery-section.show .card-4{transform:translate(-50%,-50%) rotate(-3deg) translateX(60px) scale(1);transition-delay:.12s}.gallery-section.show .card-5{transform:translate(-50%,-55%) rotate(3deg) translateX(186px) scale(1);transition-delay:.15s}.gallery-section.show .card-6{transform:translate(-50%,-76%) rotate(16deg) translateX(302px) scale(1);transition-delay:.18s}@media (max-width:768px){.hero-content:before{left:19%;top:clamp(127px,-15vh,-190px)}}@media (max-width:1200px){.hero-content:before{left:5%;top:clamp(127px,-15vh,-190px);width:clamp(62vw,96vw,95vw)}}@media (min-width:1600px){.hero-content:before{left:19%;top:clamp(-183px,-15vh,-190px);width:clamp(54vw,88vw,88vw)}}@media screen and (max-width:768px){.hero-content{justify-content:flex-start;padding:48px 16px 12px}.hero-content:after{margin-left:0}.gallery-card img{height:180px;width:180px}}@media (max-width:480px){.hero-content{padding:60px 16px 0}.hero-content:before{left:19%;top:clamp(149px,-15vh,-190px)}.hero-content:after{background-position:center 50%;background-size:clamp(140px,80vw,480px);opacity:.38}.hero-content h1{font-size:clamp(22px,6.5vw,36px)}.hero-content h2{font-size:clamp(18px,5vw,28px)}.hero-content p{font-size:16px;line-height:26px;padding:18px 10px 30px}.gallery-section{min-height:200px;padding:20px 16px}.gallery-stack{height:140px;width:300px}.gallery-card{border-radius:6px;box-shadow:0 8px 18px #00000029}.gallery-card img{height:100px;width:70px}.gallery-section.show .card-1{transform:translate(-50%,-50%) rotate(-6deg) translateX(-120px) scale(1)}.gallery-section.show .card-2{transform:translate(-50%,-50%) rotate(-4deg) translateX(-70px) scale(1)}.gallery-section.show .card-3{transform:translate(-50%,-50%) rotate(-2deg) translateX(-30px) scale(1)}.gallery-section.show .card-4{transform:translate(-50%,-50%) rotate(2deg) translateX(30px) scale(1)}.gallery-section.show .card-5{transform:translate(-50%,-50%) rotate(4deg) translateX(70px) scale(1)}.gallery-section.show .card-6{transform:translate(-50%,-50%) rotate(6deg) translateX(120px) scale(1)}}@media (min-width:601px) and (max-width:768px){.hero-content{padding:100px 40px 0}.gallery-section{min-height:320px}}@media (min-width:769px) and (max-width:1024px){.gallery-section{min-height:380px}}@media (min-width:1025px) and (max-width:1200px){.hero-content{padding:140px 60px 0}.gallery-section{min-height:380px}}@media (min-width:1201px){.hero-content{padding:175px 80px 0}.gallery-section{min-height:450px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.gallery-card{box-shadow:0 clamp(6px,1vh,10px) clamp(20px,3vh,30px) #0003}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:90vh}.hero-content{padding:40px 20px 0}.gallery-section{min-height:200px}}@media print{.gallery-section,.hero:after,.hero:before{display:none}}html[data-theme=dark] .hero{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}html[data-theme=dark] .hero-content:before{filter:grayscale(1);opacity:.25}html[data-theme=dark] .hero-content:after{background:radial-gradient(950px 980px at 10% 20%,#2563eb66,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#818cf859,#0000 32%),linear-gradient(180deg,#0f172ae6,#0f172a4d 40%,#0f172a00)}html[data-theme=dark] .hero-content h1,html[data-theme=dark] .hero-content h2,html[data-theme=dark] .hero-content p{color:#f9fafb!important}.family-section{background:linear-gradient(90deg,#fff 0,#f0f0ff 50%,#fdfeff);border-radius:16px;box-shadow:0 20px 50px #0a14280d;display:flex;flex-wrap:wrap;gap:60px;justify-content:flex-start;overflow:visible;padding:100px 10vw 160px;position:relative;width:100%;z-index:1}.family-section:before{background:radial-gradient(800px 280px at 18% 25%,#ffd2f059,#0000 70%),radial-gradient(900px 300px at 82% 75%,#c8e6ff59,#0000 70%),linear-gradient(180deg,#fff0f799,#f7f0fb66 50%,#f0faff00);content:"";filter:blur(38px);height:380px;left:0;pointer-events:none;position:absolute;top:-180px;transform:translateZ(0);width:100%;will-change:transform;z-index:0}.family-images,.family-text{position:relative;z-index:2}.family-text{flex:1 1;min-width:280px}.family-text h1{color:#000;font:normal normal 600 57px/71px Manrope;letter-spacing:0;line-height:1.39;margin:0 0 20px}@media (max-width:420px){.family-text h1{font-size:clamp(25px,6.5vw,36px);line-height:1.08}}.family-text p{color:#000;font-size:1.1rem;line-height:1.6;font:normal normal normal 29px/45px Manrope;letter-spacing:0;max-width:600px;opacity:1}.family-images{flex:1 1;min-width:280px;position:relative}.family-images img{height:250px;object-fit:cover;position:absolute;transition:all .6s ease-in-out}.family-images.album .card-1{transform:rotate(-6deg) translate(-20px,-15px) scale(.9);z-index:1}.family-images.album .card-2{transform:rotate(6deg) translate(20px,-10px) scale(.9);z-index:2}.family-images.album .card-3{transform:rotate(-3deg) translate(10px,20px) scale(.9);z-index:3}.family-images.album .card-4{transform:rotate(4deg) translate(-10px,25px) scale(.9);z-index:4}.family-images.album .card-5{transform:rotate(2deg) translate(15px,35px) scale(.9);z-index:5}.family-images.stair .card-1{transform:translate(0);z-index:1}.family-images.stair .card-2{transform:translate(100px,100px);z-index:2}.family-images.stair .card-3{transform:translate(200px,200px);z-index:3}.family-images.stair .card-4{transform:translate(300px,300px);z-index:4}.family-images.stair .card-5{transform:translate(400px,400px);z-index:5}@media (max-width:992px){.family-section{flex-direction:column;padding:40px 20px 347px}.family-images{margin-top:30px}.family-images img{height:130px;width:100px}.family-images.stair .card-2{transform:translate(40px,90px)}.family-images.stair .card-3{transform:translate(80px,180px)}.family-images.stair .card-4{transform:translate(120px,270px)}.family-images.stair .card-5{transform:translate(160px,360px)}}@media (max-width:576px){.family-images.stair .card-1{transform:translate(0)}.family-images.stair .card-2{transform:translate(40px,40px)}.family-images.stair .card-3{transform:translate(80px,80px)}.family-images.stair .card-4{transform:translate(120px,120px)}.family-images.stair .card-5{transform:translate(160px,160px)}.family-images img{height:110px;width:90px}}.family-bottom{margin:100px 0 60px;position:relative;text-align:center;width:100%;z-index:2}.family-bottom h2{color:#222;font-size:2.5rem;font-weight:700;margin-bottom:30px}.family-bottom-img{border-radius:20px;box-shadow:0 6px 18px #0003;display:block;height:479px;margin:0 auto;max-width:100%;object-fit:cover;width:1267px}.family-buttons{align-items:center;display:flex;gap:16px;margin-top:20px}.icon-logout{display:block;height:24px;width:24px}.login-icon-btn{align-items:center;background:#ff4b4b;border:none;border-radius:50%;box-shadow:0 6px 18px #ff4b4b59;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;transition:all .3s ease;width:52px}.login-icon-btn:hover{background:#ff3030;box-shadow:0 8px 20px #ff4b4b73;transform:translateY(-2px)}.signin-btn{background:#007bff;border:none;border-radius:50px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:12px 28px;transition:all .3s ease}.signin-btn:hover{background:#1e7e34}@media (max-width:576px){.family-buttons{justify-content:center}.signin-btn{font-size:15px;padding:10px 24px}.login-icon-btn{font-size:18px;height:44px;width:44px}}.container{margin:0 auto;max-width:1301px;padding:48px 20px}.hero-section{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);overflow:visible;padding-top:40px;position:relative;z-index:1}.hero-section:after,.hero-section:before{content:"";filter:blur(44px);left:-6%;pointer-events:none;position:absolute;right:-6%;transform:translateZ(0);will-change:transform}.hero-section:before{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);height:920px;top:10px;z-index:-1}.hero-section:after{background:radial-gradient(950px 380px at 14% 28%,#ffc8e685,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);bottom:-160px;height:420px;z-index:0}.hero-columns{align-items:stretch;display:flex;flex-direction:column;gap:28px}.wrapper{display:flex;justify-content:center;margin:0;overflow:hidden;text-align:center}.hero-left{display:grid;justify-items:center;text-align:center;width:100%}.hero-left .introline{color:var(--text-primary);font-size:59px;letter-spacing:-3px;line-height:1;margin:0;padding:0}.hero-left .bigline{color:var(--text-secondary);font-size:16px;font-weight:700;margin:6px 0 0}.hero-right{display:flex;justify-content:center;margin-top:18px}.hero-media{border:6px solid #fff;border-radius:28px;box-shadow:0 18px 40px #07122a1f;overflow:hidden;width:min(1400px,96vw)}.hero-media,.hero-media .hero-image{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.hero-media .hero-image{display:block;height:auto;object-fit:cover;width:100%}.hero-sub{margin-top:46px;text-align:left}.sub-title{color:var(--text-primary);font-family:Manrope,system-ui,sans-serif;font-size:clamp(28px,5.2vw,50px);font-weight:600;letter-spacing:2px;line-height:1.05;margin-top:90px}.features-grid{grid-column-gap:100px;grid-row-gap:28px;--row-inset:56px;column-gap:100px;display:grid;grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);justify-content:center;list-style:none;margin:40px auto 0;padding:0;row-gap:28px}.features-grid .feature{opacity:0;transform:translateY(40px);will-change:transform,opacity}.features-grid.is-visible .feature{animation:featureRiseUp .7s cubic-bezier(.22,.61,.36,1) forwards}.features-grid.is-visible .feature:nth-child(2){animation-delay:.06s}.features-grid.is-visible .feature:nth-child(3){animation-delay:.12s}.features-grid.is-visible .feature:nth-child(4){animation-delay:.18s}.features-grid.is-visible .feature:nth-child(5){animation-delay:.24s}.features-grid.is-visible .feature:nth-child(6){animation-delay:.3s}@keyframes featureRiseUp{0%{opacity:0;transform:translateY(40px) scale(.98)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.feature{grid-column-gap:14px;align-items:center;column-gap:14px;display:grid;grid-auto-flow:column;grid-template-columns:48px auto;width:-webkit-max-content;width:max-content}.feature-icon-wrap{background:#ff44550f;border-radius:12px;box-shadow:0 6px 18px #07122a08;display:grid;height:48px;place-items:center;width:48px}.feature-icon-wrap img{height:22px;object-fit:contain;width:22px}.feature-title{color:var(--text-primary);font:700 20px/1.2 Manrope,system-ui,sans-serif;white-space:nowrap}.features-grid .feature:nth-child(4){margin-left:var(--row-inset)}.features-grid .feature:nth-child(6){margin-right:var(--row-inset)}@media (max-width:1100px){.features-grid{--row-inset:36px;column-gap:80px}}@media (max-width:900px){.features-grid{column-gap:56px;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content)}.features-grid .feature:nth-child(4),.features-grid .feature:nth-child(6){margin:0}}@media (max-width:520px){.features-grid{grid-template-columns:1fr;justify-items:start;row-gap:16px}.feature{grid-template-columns:44px auto}.feature-icon-wrap{border-radius:10px;height:44px;width:44px}.feature-title{font-size:16px;white-space:normal}}.final-note{color:var(--text-primary);font:normal normal 900 40px/1.25 Manrope;letter-spacing:0;margin:36px auto 24px;max-width:1200px;opacity:.54;overflow:hidden;position:relative;text-align:center}@media (max-width:900px){.final-note{font:normal normal 800 30px/1.3 Manrope}}@media (max-width:480px){.final-note{font:normal normal 700 20px/1.35 Manrope;margin:20px 14px;opacity:.6}}.final-note-anim{align-items:center;display:flex;flex-direction:column;gap:10px}.final-note-line1{animation:finalShowup 15s infinite}.final-note-line2{animation:finalRevealClip 15s infinite;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);max-width:min(1200px,92vw);opacity:0;overflow:hidden}.final-note-line2 span{animation:finalSlideinX 15s infinite;display:inline-block;transform:translateX(-110%);white-space:normal}@keyframes finalShowup{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes finalRevealClip{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0}20%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:1}35%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}80%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:0}}@keyframes finalSlideinX{0%{transform:translateX(-110%)}20%{transform:translateX(-110%)}35%{transform:translateX(0)}to{transform:translateX(0)}}.cta-row{align-items:center;display:inline-flex;gap:12px;justify-content:center;margin:18px auto 50px;position:relative;width:100%;z-index:3}.cta-icon-btn{background:#f04d4b;border:none;border-radius:50%;box-shadow:0 6px 18px #ff64781f;cursor:pointer;display:inline-grid;height:36px;padding:0;place-items:center;transition:transform .18s ease,box-shadow .18s ease;width:36px}.cta-icon-btn:hover{box-shadow:0 10px 24px #ff647824;transform:translateY(-3px)}.cta-btn{background:linear-gradient(90deg,#0b84ff,#1a9cff);border:none;border-radius:999px;box-shadow:0 8px 20px #0a78ff1f;color:#fff;cursor:pointer;font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:700;padding:8px 20px;transition:transform .18s ease,box-shadow .18s ease,opacity .12s ease}.cta-btn a{color:inherit;text-decoration:none}.cta-btn:hover{box-shadow:0 12px 28px #0a78ff24;opacity:.98;transform:translateY(-3px)}.cta-btn:active{transform:translateY(-1px)}@media (max-width:480px){.cta-row{gap:10px;margin:14px auto 34px}.cta-icon-btn{height:32px;width:32px}.cta-btn{font-size:13px;padding:7px 16px}}.decor-circles{position:relative;z-index:0}.decor-circles:after,.decor-circles:before{--scale:1;animation:spin 40s linear infinite;background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1020px;opacity:.9;pointer-events:none;position:absolute;transform-origin:center center;width:1020px;will-change:transform;z-index:0}.decor-circles:before{background-image:url(/static/media/green-circle-bg.0f5ee89f4267d77eb69e.svg);left:-680px;top:0}.decor-circles:after{--scale:0.9;animation:spin 50s linear infinite reverse;background-image:url(/static/media/bg-circle.9b4b6f7868916be99fb2.svg);right:-480px;top:-460px}@media (max-width:1100px){.decor-circles:after,.decor-circles:before{height:620px;width:620px}.decor-circles:before{left:-140px;top:160px}.decor-circles:after{right:-160px;top:-40px}}@media (max-width:680px){.decor-circles:after,.decor-circles:before{height:420px;opacity:.18;width:420px}.decor-circles:before{left:-120px;top:120px}.decor-circles:after{right:-120px;top:-20px}}@media (max-width:480px){.decor-circles:after,.decor-circles:before{display:none}}.family-section-wrap{padding:clamp(40px,6vw,90px) 0 clamp(20px,4vw,50px)}.family-images-wrap{--cardW:clamp(190px,15vw,320px);--stepX:calc(var(--cardW)*0.58);--stepY:calc(var(--cardW)*0.18);--count:7;--groupW:calc(var(--cardW) + var(--stepX)*(var(--count) - 1));height:calc(var(--cardW)*1.85);margin:clamp(-40px,-3vw,-10px) auto 0;overflow:visible;perspective:1200px;pointer-events:none;position:relative;width:min(96vw,var(--groupW))}.family-card{border-radius:clamp(18px,2vw,28px);box-shadow:0 18px 45px #0f172a38;height:calc(var(--cardW)*.7);overflow:hidden;position:absolute;transform-style:preserve-3d;width:var(--cardW)}.family-card img{display:block;height:100%;object-fit:cover;width:100%}.family-card-1{left:0;top:0;z-index:1}.family-card-2{left:calc(var(--stepX)*1);top:calc(var(--stepY)*1);z-index:2}.family-card-3{left:calc(var(--stepX)*2);top:calc(var(--stepY)*2);z-index:3}.family-card-4{left:calc(var(--stepX)*3);top:calc(var(--stepY)*3);z-index:4}.family-card-5{left:calc(var(--stepX)*4);top:calc(var(--stepY)*4);z-index:5}.family-card-6{left:calc(var(--stepX)*5);top:calc(var(--stepY)*5);z-index:6}.family-card-7{left:calc(var(--stepX)*6);top:calc(var(--stepY)*6);z-index:7}@media (max-width:640px){.family-images-wrap{--stepX:calc(var(--cardW)*0.5);--stepY:calc(var(--cardW)*0.16)}}@media (max-width:420px){.family-section-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.family-images-wrap{margin:0 auto;width:var(--groupW)}}.memory-section{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);overflow:visible;padding:0;position:relative}.memory-section:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);content:"";filter:blur(44px);height:420px;left:1600px;pointer-events:none;position:absolute;right:-10px;top:10px;z-index:1}.memory-inner{margin:auto;max-width:1499px;padding:130px 50px}.memory-grid{grid-gap:36px;align-items:center;display:grid;gap:36px;grid-template-columns:1fr auto}.memory-left .memory-title{color:var(--text-primary);font-family:Manrope,sans-serif;font-size:50px;font-weight:600;line-height:74px}.memory-desc{color:var(--text-primary);font:normal normal normal 29px/37px Manrope;margin-top:46px}.memory-list{list-style:none;margin:3pc 0 0;padding:0}.memory-list li{color:var(--text-primary);font:normal normal normal 25px/25px Manrope;margin:12px 0;padding-left:28px;position:relative}.memory-list li:before{background:#ff6b6b;border-radius:50%;content:"";height:12px;left:0;position:absolute;top:6px;width:12px}.memory-right{align-items:center;display:flex;justify-content:flex-end;width:100%}.memory-title-animated{overflow:hidden;position:relative}.memory-title-line{display:inline-block;filter:blur(6px);opacity:0;transform:translateY(40px);will-change:transform,opacity,filter}.memory-title-animated.is-visible .memory-title-line{animation:memoryTextRiseUp .9s cubic-bezier(.22,.61,.36,1) forwards}.memory-title-animated.is-visible .memory-title-line.line-2{animation-delay:.12s}@keyframes memoryTextRiseUp{0%{filter:blur(6px);opacity:0;transform:translateY(40px)}60%{filter:blur(0);opacity:1;transform:translateY(-4px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.storage-shape{border-radius:20px;overflow:visible;padding:18px;position:relative;width:100%}.storage-shape .storage-tab{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000 linear-gradient(185deg,#ff90f8,#c971c4 9%,#9a5796 17%,#713f6e 26%,#4e264c 36%,#311c30 46%,#1b0f1a 56%,#0c060b 68%,#020102 81%,#050505) 0 0 no-repeat padding-box;border-radius:16px;color:#fff;font-size:34px;font-weight:600;left:42px;padding:9px 23px;position:absolute;top:24px;transform:translateY(-6px)}.memory-card{align-items:center;border-radius:20px;display:flex;justify-content:center;overflow:hidden;padding:14px;width:100%}.memory-collage{display:block;height:auto;max-height:520px;object-fit:cover;width:100%}@media (max-width:1100px){.memory-grid{gap:28px;grid-template-columns:1fr 420px}}@media (max-width:880px){.memory-grid{grid-template-columns:1fr;text-align:left}.memory-right{justify-content:flex-start;margin-top:24px}}@media (max-width:576px){.memory-left .memory-title{font-size:28px;line-height:1.2}.memory-desc{font-size:14px;line-height:1.4}.memory-list li{font-size:14px;padding-left:26px}.memory-collage{max-height:220px}.storage-shape .storage-tab{font-size:20px}}html[data-theme=dark] .hero-section,html[data-theme=dark] .memory-section{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}html[data-theme=dark] .hero-section:after,html[data-theme=dark] .hero-section:before,html[data-theme=dark] .memory-section:after{background:radial-gradient(900px 900px at 10% 20%,#2563eb66,#0000 32%),radial-gradient(900px 400px at 80% 70%,#818cf859,#0000 32%),linear-gradient(180deg,#0f172ae6,#0f172a4d 40%,#0f172a00)}html[data-theme=dark] .decor-circles:after,html[data-theme=dark] .decor-circles:before{filter:grayscale(1);opacity:.25}html[data-theme=dark] .final-note{opacity:.8}.family-tree-visualization{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);display:block;height:100vh;overflow:hidden;position:relative;width:100%}@media screen and (max-width:768px){.family-tree-visualization{height:70vh}}.family-tree-content-overlay{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;pointer-events:auto;position:absolute;text-align:center;z-index:29}.family-tree-main-title{color:var(--text-primary);font-size:3rem;font-weight:700;margin:0}.family-tree-subtitle{color:var(--text-primary);font-size:2.4rem;margin-top:8px}.family-tree-marquee-track{align-items:stretch;animation:familyTreeMarqueeShift linear infinite;animation-duration:28s;animation-timing-function:linear;background-position:50%;background-repeat:repeat;background-size:cover;display:flex;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:180%;z-index:20}.family-tree-marquee-group{flex:0 0 50%;height:100%;position:relative;width:50%}.family-tree-connection-line,.family-tree-member{position:absolute;z-index:10}.family-tree-member{pointer-events:auto;transform:translate(-50%,-50%);transition:transform .18s ease}.family-tree-member--generation-1,.family-tree-member--generation-2{z-index:11}.family-tree-image-wrapper{background:var(--bg-card);border:3px solid #fffffff2;border-radius:14px;box-shadow:0 12px 28px #0206171f;height:150px;overflow:hidden;position:relative;transition:transform .16s ease,box-shadow .16s ease;width:150px;z-index:11}.family-tree-member:hover .family-tree-image-wrapper{box-shadow:0 22px 40px #0206172e;transform:scale(1.08)}.family-tree-image-wrapper img{-webkit-user-drag:none;display:block;height:100%;object-fit:cover;width:100%}@keyframes familyTreeMarqueeShift{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.family-tree-marquee-track:hover{animation-play-state:paused}@media (max-width:1024px){.family-tree-main-title{font-size:2.2rem}.family-tree-image-wrapper{border-radius:12px;height:64px;width:64px}.family-tree-marquee-track{animation-duration:36s}}@media (max-width:480px){.family-tree-main-title{font-size:1.5rem}.family-tree-image-wrapper{height:48px;width:48px}.family-tree-marquee-track{animation-duration:44s}}@media (prefers-reduced-motion:reduce){.family-tree-marquee-track{animation:none!important;transform:translateX(0)!important}.family-tree-image-wrapper,.family-tree-member{transition:none!important}}html[data-theme=dark] .family-tree-visualization{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}html[data-theme=dark] .family-tree-image-wrapper{border-color:#f8fafce6;box-shadow:0 18px 40px #000000b3}html[data-theme=dark] .family-tree-main-title,html[data-theme=dark] .family-tree-subtitle{color:#f9fafb}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-main);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}:root{--max-width:1300px;--side-gutter:clamp(16px,4vw,24px);--page-padding-vertical:clamp(40px,8vh,64px);--radius-lg:clamp(16px,2vw,20px);--card-blur:clamp(15px,2.5vw,20px);--shadow-lg:0 clamp(12px,2vh,18px) clamp(25px,4vh,40px) #10182814;--visual-width:clamp(320px,46vw,720px);--visual-overlap:clamp(80px,12vw,140px);--frost-width:clamp(80px,13vw,220px);--frost-left:clamp(6%,10vw,14%);--frost-top:clamp(12px,2vh,18px);--frost-radius:clamp(16px,2.5vw,22px);--frost-blur:clamp(20px,4vw,35px);--overlap-percent:0.3}.about-page-wrapper{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%)}.about123{overflow:visible;padding:clamp(40px,8vh,64px) 0;padding:var(--page-padding-vertical) 0;position:relative}.about123:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);filter:blur(44px);height:420px;left:-6%;right:-6%;top:10px;transform:translateZ(0);will-change:transform;z-index:0}.about123:after,.about123:before{content:"";pointer-events:none;position:absolute}.about123:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:clamp(50%,63vw,63%);height:clamp(50vw,70vw,70vw);left:13%;max-width:1200px;opacity:.9;top:clamp(-120px,-15vh,-190px);transform:translateX(-50%);transform-origin:center center;width:clamp(50vw,70vw,70vw);z-index:2}.aboutHeading123{margin:0 auto clamp(16px,3vh,20px);max-width:1300px;max-width:var(--max-width);padding-left:100px}.aboutHeading123 h1{color:#000;font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:700;line-height:1.05;margin:0;position:relative;z-index:5}.aboutContainer123{align-items:center;display:flex;gap:clamp(20px,4vw,28px);justify-content:center;margin:0 auto;max-width:1300px;max-width:var(--max-width);overflow:visible;padding-left:clamp(16px,4vw,24px);padding-left:var(--side-gutter);padding-right:clamp(16px,4vw,24px);padding-right:var(--side-gutter);position:relative}.decor-dots,.decor-swoosh{opacity:.12;pointer-events:none;position:absolute;z-index:0}.visual-wrap{align-items:center;display:flex;gap:0;justify-content:center;margin:0 auto;width:-webkit-fit-content;width:fit-content}.aboutBox123,.visual-wrap{overflow:visible;position:relative}.aboutBox123{-webkit-backdrop-filter:blur(clamp(15px,2.5vw,20px)) saturate(1.1) brightness(1.05);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1) brightness(1.05);backdrop-filter:blur(clamp(15px,2.5vw,20px)) saturate(.9) brightness(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(.9) brightness(1.1);backdrop-filter:blur(var(--card-blur)) saturate(.9) brightness(1.1);background:#ffffffe6;background-clip:padding-box;border-radius:clamp(16px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 clamp(6px,1vh,8px) clamp(20px,4vh,32px) #1018281f,0 clamp(3px,.5vh,4px) clamp(12px,2vh,16px) #10182814,inset 0 1px 0 #fff9;display:block;height:26rem;margin-right:calc(clamp(320px, 46vw, 720px)*-1*.3);margin-right:calc(var(--visual-width)*-1*var(--overlap-percent));padding:clamp(28px,4.6vw,56px);width:min(680px,56%);z-index:5!important}.aboutBox123:before{background:radial-gradient(circle at 18% 28%,#ffb4501f,#f05a5a14,#2896c80a);filter:blur(clamp(30px,6vw,48px));height:120%;right:-12%;top:-6%;width:220%;z-index:0}.aboutBox123:after,.aboutBox123:before{content:"";pointer-events:none;position:absolute}.aboutBox123:after{background:linear-gradient(90deg,#ffc87d00,#ffb45014 25%,#ff8c2829 52%,#ff6e281f 68%,#fff0);border-radius:clamp(12px,2vw,14px);filter:blur(clamp(15px,3vw,20px));height:88%;right:6%;top:6%;width:38%;z-index:1}.aboutBox-inner{position:relative;z-index:2}.aboutBox123 h2{color:var(--text-primary);font-size:clamp(1.05rem,1.5vw,1.5rem);font-weight:700;line-height:1.05;margin:0 0 clamp(8px,1.5vh,12px)}.aboutBox123 p{color:var(--text-secondary);font-size:clamp(.95rem,1.12vw,1rem);font-weight:500;line-height:1.6;margin:0 0 clamp(10px,2vh,14px)}.aboutBox123 .card-accent{background:linear-gradient(180deg,#ffb45e,#ff7b61);border-radius:50%;box-shadow:0 0 8px #ffb45e99;height:clamp(6px,1vw,8px);left:clamp(14px,2vw,18px);top:clamp(14px,2vw,18px);width:clamp(6px,1vw,8px)}.aboutBox123 .card-accent,.dashed-path{pointer-events:none;position:absolute;z-index:3}.aboutImage123{align-items:center;background:#fff;border-radius:clamp(16px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 clamp(12px,2vh,18px) clamp(25px,4vh,40px) #10182814;box-shadow:var(--shadow-lg);display:flex;flex:0 0 clamp(320px,46vw,720px);flex:0 0 var(--visual-width);justify-content:center;max-width:clamp(320px,46vw,720px);max-width:var(--visual-width);min-height:clamp(250px,40vh,320px);overflow:hidden;position:relative;top:122px;width:clamp(320px,46vw,720px);width:var(--visual-width)}.aboutImage123 img{display:block;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:center;width:100%}.aboutImage123 .image-warm-overlay{background:linear-gradient(90deg,#ffb04029,#ff6e280f 50%,#fff0);height:100%;mix-blend-mode:multiply;pointer-events:none;position:absolute;right:0;top:0;width:44%;z-index:4}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.aboutBox123{background:linear-gradient(90deg,#ffffffeb,#fffaf5e0 30%,#fff0e1d9 58%,#ffe1bed1)}.aboutImage123:before{background:linear-gradient(180deg,#ffffffb8,#ffffff75 40%,#ffffff1f 75%,#fff0);filter:contrast(1.02) saturate(1.02)}.aboutImage123 img{filter:blur(2px)}}.aboutBox123[role=complementary]{outline:none}.howSection{align-items:center;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);display:flex;flex-direction:column;overflow:hidden;padding:clamp(40px,8vh,64px) clamp(16px,4vw,20px) clamp(80px,15vh,160px);position:relative;width:100%}.howSection:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:clamp(25%,35vw,35%);content:"";height:100%;left:0;position:absolute;top:clamp(150px,25vh,240px);transform-origin:center center;width:100%;z-index:-1}.howHeading{margin-bottom:clamp(16px,3vh,20px);max-width:1200px;padding:0 clamp(12px,3.5vw,36px);text-align:center;width:100%;z-index:3}.howHeading h1{color:var(--text-primary);font-size:65px;font-weight:500;margin-top:60px}.howHeading h1,.howSubtitle{line-height:clamp(1.1,1.2,1.3)}.howSubtitle{color:var(--text-secondary);font-size:clamp(1.2rem,4vw,3.24rem);font-weight:400;margin:clamp(6px,1vh,8px) 0 0;opacity:.95}:root[data-theme=dark] .howSection{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}.howGrid{grid-gap:clamp(18px,3vw,24px);align-items:stretch;display:grid;gap:clamp(18px,3vw,24px);grid-template-areas:"step1 step2" "step3 step4" "step3 step5";grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;margin-top:clamp(14px,2vh,18px);max-width:1200px;padding:0 clamp(12px,3.5vw,36px);perspective:1400px;width:100%}.howBox--step1{grid-area:step1}.howBox--step2{grid-area:step2}.howBox--step3{grid-area:step3}.howBox--step4{grid-area:step4}.howBox--step5{grid-area:step5}.howBox{align-items:center;background:linear-gradient(135deg,#6aa8ff,#5b6bff);border-radius:clamp(16px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 clamp(12px,2vh,18px) clamp(25px,4vh,40px) #10182814;box-shadow:var(--shadow-lg);color:#fff;display:flex;justify-content:flex-start;min-height:clamp(120px,15vh,150px);opacity:0;overflow:hidden;padding:clamp(18px,2.3vw,28px);position:relative;transform:translate3d(0,40px,0) rotateY(-26deg);transform:translate3d(var(--fromX,0),var(--fromY,40px),0) rotateY(var(--fromRotY,-26deg));transform-origin:center center;transition:transform .85s cubic-bezier(.22,.61,.36,1),opacity .85s ease-out,box-shadow .3s ease;transition-delay:0ms;transition-delay:var(--delay,0ms)}.howBox.is-visible{opacity:1;transform:translateZ(0) rotateY(0deg)}.howBox--small{min-height:clamp(150px,22vh,210px)}.howBox--large{align-items:flex-end;border-radius:clamp(16px,2vw,20px);border-radius:var(--radius-lg);box-shadow:0 clamp(18px,3vh,26px) clamp(40px,6vh,60px) #08142824;display:flex;justify-content:flex-start;padding:clamp(28px,4vw,42px) clamp(24px,3.5vw,38px)}.howBox.is-visible:hover{box-shadow:0 clamp(20px,3.5vh,28px) clamp(45px,7vh,65px) #08142838;transform:translate3d(0,-4px,0) rotateY(0deg)}.howBox__content h3{color:#fff;font-size:clamp(1.2rem,3.8vw,2.2rem);letter-spacing:-.01em;line-height:1.02;margin:0}.howBox__content h3,.howBox__number{font-weight:800;text-shadow:0 clamp(4px,1vh,6px) clamp(12px,2vh,18px) #0000002e}.howBox__number{bottom:clamp(8px,1.5vh,12px);color:#fffffffa;font-size:clamp(3rem,8vw,5rem);position:absolute;right:clamp(14px,2.5vw,28px);z-index:2}.howBox--step1{background-image:linear-gradient(#04122829,#0412281a),url(/static/media/Mask%20Group%209.08fcb63fa6c390afa0c2.png)}.howBox--step1,.howBox--step2{background-position:50%;background-repeat:no-repeat;background-size:cover}.howBox--step2{background-image:linear-gradient(#04122829,#0412281a),url(/static/media/Mask%20Group%2011.89cc72379b6a1f288cbe.png)}.howBox--step3{background-image:url(/static/media/Mask%20Group%2012@2x.2072ac6c77cb4b05afe9.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;color:#fff!important;overflow:hidden;position:relative}.howBox--step3:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAADeCAYAAAAQJM0gAAAABHNCSVQICAgIfAhkiAAAC3xJREFUeF7tneFxFEcQRn0RmAysDFAGyJFYIeAIEBGYEMiEIwOcAY4EtyhcBRalnt6Z6elv9qlKv7Zvpvd9/W73rOV8+WI/v9T/+Xi5XO4y2jQcD7bPm4y9Ovf43ZhcO9doejkz8iMmlRmx+bhcCE8zPOsawX+MjovA/96uEfwn1y+Vd2cEfxIegiO4f0eK4E8ZcZeneZfHFZwruP+OZxUIjuBNg9JRxO3XU3h8Bucz+LNKcQXnCt70nssVnCt406B0FHEF5wrujQ8zwn9k82bk6+fNB6vi7+DfoeIKzhXcN6evgndnruDeBDEjXMG9GeEK/jNCXMG5gvvm9FXw7swV3JsgZoQruDcjXMG5gu8zI/yZjD+T+dNsFdyic4veNCgdRdx+cYvujQ8zwi26NyPconOLvs+McIvOLbo/zdyiP2Gk8qwEgiM4gjcR4DP4AUyhl/D5is/g3sAwI3wG92aEz+B8Bt9nRrhF5xbdn2Y+g/MZvGlK+oq4/eIW3ZsgZoRbdG9GuEXnFn2fGeEWnVt0f5q5RZe/Rb82pby26JO9G73OaMH+xnlv+zz+Vv95bUw+ZTRpTJiR70CrzIjNx90lY0DYAwIQWEMAwddwZ1cIpBBA8BTMbAKBNQQQfA13doVACgEET8HMJhBYQwDB13BnVwikEEDwFMxsAoE1BBB8DXd2hUAKAQRPwcwmEFhDoFtwe6rnQ0Prf2c9idbQy9SSb085/dGwyZ9ZT6I19DK1xJi8sw1eOpucaUZujcVfDdC7Z2SE4F8aGk37lz4NvUwtCXydT9r/HXTqCTcs/u1R11dO6Zlm5M5YtFwYu2cEwRsGNFKC4E9pIfiPTIwHgkekqlSL4AjuzSOCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzwR3CNU+DiCI7g3ngjuESp8HMER3BtPBPcIFT6O4AjujSeCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzwR3CNU+DiCI7g3ngjuESp8HMER3BtPBPcIFT6O4AjujSeCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzx3FNw75zMe7/7OaxVoNtBX69X7XnSV08nss3tGsr4XPROKyl7d4amcKIIfTqp7RhD8MPvuF3aH191B0gIIfhh094wg+GH23S/sDq+7g6QFEPww6O4ZQfDD7Ltf2B1edwdJCyD4YdDdM4Lgh9l3v7A7vO4OkhZA8MOgu2cEwQ+z735hd3jdHSQtgOCHQXfPCIIfZt/9wu7wujtIWgDBD4PunhEEP8y++4Xd4XV3kLQAgh8G3T0jIwR/ONz+2Bfe23K/NSz5tqEmo+T95XL5nLHR6j1M8Mdsblb3Yfvf2W/LAzfbzEi34AVC+9pC61XCpNrmnKuwV+mj9THinWZkm2FHcBXN1vWJ4OvYd++M4N0It18AwYUjRnDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztrHwbm3dF97a9p3XV6+G43sSsBm5sTN7/H32Z6cZ2eZ70b3QOA6BMxJA8DOmzjmfhgCCnyZqTvSMBBD8jKlzzqchgOCniZoTPSMBBD9j6pzzaQgg+Gmi5kTPSADBz5g653waAmUE//agyq/VydtDEB+r97hrf8xIPNlKgl+t/VfxU8h9hQlehlnuma/frfVx5NWdVpqRMsNKeKvHsv7+zEg8IwQPMqv07hxsXb4cweMRIniQGYIHgQ0sR/A4TAQPMkPwILCB5Qgeh4ngQWYIHgQ2sBzB4zARPMgMwYPABpYjeBwmggeZIXgQ2MByBI/DRPAgMwQPAhtYjuBxmAgeZIbgQWADyxE8DhPBg8wQPAhsYDmCx2EieJAZggeBDSxH8DhMBA8yQ/AgsIHlCB6HieBBZggeBDawHMHjMBE8yAzBg8AGliN4HCaCB5kheBDYwHIEj8NE8CAzBA8CG1iO4HGYCB5khuBBYAPLETwOE8GDzBA8CGxgOYLHYSJ4kBmCB4ENLEfwOEwEDzJD8CCwgeUIHoeJ4EFmCB4ENrAcweMwETzIDMGDwAaWI3gcJoIHmSF4ENjAcgSPw6wk+L21fxM/hdxXmOAPuTuy238ETHBmJDgOZQQP9k05BCDQQADBGyBRAgFVAgiumhx9Q6CBAII3QKIEAqoEEFw1OfqGQAMBBG+ARAkEVAkguGpy9A2BBgII3gCJEgioEkBw1eToGwINBLYRvPUxRh41bZiKTUtsRh7s1N54p7fTjCC4lzbHtyGA4MJRcgUXDi+pdQRPAj1jGwSfQXWvNRFcOE8EFw4vqXUETwI9YxsEn0F1rzURXDhPBBcOL6l1BE8CPWMbBJ9Bda81EVw4TwQXDi+pdQRPAj1jGwSfQXWvNRFcOE8EFw4vqXUETwI9YxsEn0F1rzURXDhPBBcOL6l1BE8CPWMbBJ9Bda81EVw4TwQXDi+pdQRPAj1jGwSfQXWvNRFcOM9Wwe0Ur8KnSet9BG7s5Y+/z/7w78E9QguOBwRf0B1bKhFA8IJpIXjBUERbQvCCwSF4wVBEW0LwgsEheMFQRFtC8ILBIXjBUERbQvCCwSF4wVBEW0LwgsEheMFQRFtC8ILBIXjBUERbQvCCwZng76yt24KtrWrphW38smHzf6zmc0PdaUpM8LtdTnab//HBLoGMOg97w3sc0g8N6721gX5oqKNEkACCC4bW0jKCt1DavwbBN80YwTcNNnhaCB4EplKO4CpJze0TwefyXbY6gi9DX2pjBC8Vx7hmEHwcS+WVEFw5vWd6R/BNgw2eFoIHgamUI7hKUnP7RPC5fJetjuDL0JfaGMFLxTGuGQQfx1J5JQRXTo/P4JumN+60EHwcy1IrcQUvFceyZhB8Gfq5GyP4XL4qqyO4SlLBPhE8CGzTcgTfNFgE3zTY4GkheBCYSjmCqyQ1t08En8t32eoIvgx9qY0RvFQc45pB8HEslVdCcOX0+Dv4pumNOy0EH8ey1EpcwUvFsawZBF+Gfu7GCD6Xr8rqCK6SVLBPBA8C27QcwTcNFsE3DTZ4WggeBKZSjuAqSc3tE8Hn8l22ugl+Y5vfNzRwte9FvzbUUSJIAMEFQ6NlCLQSQPBWUtRBQJAAgguGRssQaCWA4K2kqIOAIAEEFwyNliHQSgDBW0lRBwFBAgguGBotQ6CVAIK3kqIOAoIEEFwwNFqGQCsBBG8llVwXeNQ0ubMn2721J+EeVjfB/j8ngOBFJwPBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNzAS/tdbeFW3v+7be2/eivxfo85Qt/gs/cnNI9gMi+gAAAABJRU5ErkJggg==),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAADeCAYAAAAQJM0gAAAABHNCSVQICAgIfAhkiAAAC3xJREFUeF7tneFxFEcQRn0RmAysDFAGyJFYIeAIEBGYEMiEIwOcAY4EtyhcBRalnt6Z6elv9qlKv7Zvpvd9/W73rOV8+WI/v9T/+Xi5XO4y2jQcD7bPm4y9Ovf43ZhcO9doejkz8iMmlRmx+bhcCE8zPOsawX+MjovA/96uEfwn1y+Vd2cEfxIegiO4f0eK4E8ZcZeneZfHFZwruP+OZxUIjuBNg9JRxO3XU3h8Bucz+LNKcQXnCt70nssVnCt406B0FHEF5wrujQ8zwn9k82bk6+fNB6vi7+DfoeIKzhXcN6evgndnruDeBDEjXMG9GeEK/jNCXMG5gvvm9FXw7swV3JsgZoQruDcjXMG5gu8zI/yZjD+T+dNsFdyic4veNCgdRdx+cYvujQ8zwi26NyPconOLvs+McIvOLbo/zdyiP2Gk8qwEgiM4gjcR4DP4AUyhl/D5is/g3sAwI3wG92aEz+B8Bt9nRrhF5xbdn2Y+g/MZvGlK+oq4/eIW3ZsgZoRbdG9GuEXnFn2fGeEWnVt0f5q5RZe/Rb82pby26JO9G73OaMH+xnlv+zz+Vv95bUw+ZTRpTJiR70CrzIjNx90lY0DYAwIQWEMAwddwZ1cIpBBA8BTMbAKBNQQQfA13doVACgEET8HMJhBYQwDB13BnVwikEEDwFMxsAoE1BBB8DXd2hUAKAQRPwcwmEFhDoFtwe6rnQ0Prf2c9idbQy9SSb085/dGwyZ9ZT6I19DK1xJi8sw1eOpucaUZujcVfDdC7Z2SE4F8aGk37lz4NvUwtCXydT9r/HXTqCTcs/u1R11dO6Zlm5M5YtFwYu2cEwRsGNFKC4E9pIfiPTIwHgkekqlSL4AjuzSOCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzwR3CNU+DiCI7g3ngjuESp8HMER3BtPBPcIFT6O4AjujSeCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzwR3CNU+DiCI7g3ngjuESp8HMER3BtPBPcIFT6O4AjujSeCe4QKH0dwBPfGE8E9QoWPIziCe+OJ4B6hwscRHMG98URwj1Dh4wiO4N54IrhHqPBxBEdwbzx3FNw75zMe7/7OaxVoNtBX69X7XnSV08nss3tGsr4XPROKyl7d4amcKIIfTqp7RhD8MPvuF3aH191B0gIIfhh094wg+GH23S/sDq+7g6QFEPww6O4ZQfDD7Ltf2B1edwdJCyD4YdDdM4Lgh9l3v7A7vO4OkhZA8MOgu2cEwQ+z735hd3jdHSQtgOCHQXfPCIIfZt/9wu7wujtIWgDBD4PunhEEP8y++4Xd4XV3kLQAgh8G3T0jIwR/ONz+2Bfe23K/NSz5tqEmo+T95XL5nLHR6j1M8Mdsblb3Yfvf2W/LAzfbzEi34AVC+9pC61XCpNrmnKuwV+mj9THinWZkm2FHcBXN1vWJ4OvYd++M4N0It18AwYUjRnDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztkHwGVT3WhPBhfNEcOHwklpH8CTQM7ZB8BlU91oTwYXzRHDh8JJaR/Ak0DO2QfAZVPdaE8GF80Rw4fCSWkfwJNAztrHwbm3dF97a9p3XV6+G43sSsBm5sTN7/H32Z6cZ2eZ70b3QOA6BMxJA8DOmzjmfhgCCnyZqTvSMBBD8jKlzzqchgOCniZoTPSMBBD9j6pzzaQgg+Gmi5kTPSADBz5g653waAmUE//agyq/VydtDEB+r97hrf8xIPNlKgl+t/VfxU8h9hQlehlnuma/frfVx5NWdVpqRMsNKeKvHsv7+zEg8IwQPMqv07hxsXb4cweMRIniQGYIHgQ0sR/A4TAQPMkPwILCB5Qgeh4ngQWYIHgQ2sBzB4zARPMgMwYPABpYjeBwmggeZIXgQ2MByBI/DRPAgMwQPAhtYjuBxmAgeZIbgQWADyxE8DhPBg8wQPAhsYDmCx2EieJAZggeBDSxH8DhMBA8yQ/AgsIHlCB6HieBBZggeBDawHMHjMBE8yAzBg8AGliN4HCaCB5kheBDYwHIEj8NE8CAzBA8CG1iO4HGYCB5khuBBYAPLETwOE8GDzBA8CGxgOYLHYSJ4kBmCB4ENLEfwOEwEDzJD8CCwgeUIHoeJ4EFmCB4ENrAcweMwETzIDMGDwAaWI3gcJoIHmSF4ENjAcgSPw6wk+L21fxM/hdxXmOAPuTuy238ETHBmJDgOZQQP9k05BCDQQADBGyBRAgFVAgiumhx9Q6CBAII3QKIEAqoEEFw1OfqGQAMBBG+ARAkEVAkguGpy9A2BBgII3gCJEgioEkBw1eToGwINBLYRvPUxRh41bZiKTUtsRh7s1N54p7fTjCC4lzbHtyGA4MJRcgUXDi+pdQRPAj1jGwSfQXWvNRFcOE8EFw4vqXUETwI9YxsEn0F1rzURXDhPBBcOL6l1BE8CPWMbBJ9Bda81EVw4TwQXDi+pdQRPAj1jGwSfQXWvNRFcOE8EFw4vqXUETwI9YxsEn0F1rzURXDhPBBcOL6l1BE8CPWMbBJ9Bda81EVw4TwQXDi+pdQRPAj1jGwSfQXWvNRFcOM9Wwe0Ur8KnSet9BG7s5Y+/z/7w78E9QguOBwRf0B1bKhFA8IJpIXjBUERbQvCCwSF4wVBEW0LwgsEheMFQRFtC8ILBIXjBUERbQvCCwSF4wVBEW0LwgsEheMFQRFtC8ILBIXjBUERbQvCCwZng76yt24KtrWrphW38smHzf6zmc0PdaUpM8LtdTnab//HBLoGMOg97w3sc0g8N6721gX5oqKNEkACCC4bW0jKCt1DavwbBN80YwTcNNnhaCB4EplKO4CpJze0TwefyXbY6gi9DX2pjBC8Vx7hmEHwcS+WVEFw5vWd6R/BNgw2eFoIHgamUI7hKUnP7RPC5fJetjuDL0JfaGMFLxTGuGQQfx1J5JQRXTo/P4JumN+60EHwcy1IrcQUvFceyZhB8Gfq5GyP4XL4qqyO4SlLBPhE8CGzTcgTfNFgE3zTY4GkheBCYSjmCqyQ1t08En8t32eoIvgx9qY0RvFQc45pB8HEslVdCcOX0+Dv4pumNOy0EH8ey1EpcwUvFsawZBF+Gfu7GCD6Xr8rqCK6SVLBPBA8C27QcwTcNFsE3DTZ4WggeBKZSjuAqSc3tE8Hn8l22ugl+Y5vfNzRwte9FvzbUUSJIAMEFQ6NlCLQSQPBWUtRBQJAAgguGRssQaCWA4K2kqIOAIAEEFwyNliHQSgDBW0lRBwFBAgguGBotQ6CVAIK3kqIOAoIEEFwwNFqGQCsBBG8llVwXeNQ0ubMn2721J+EeVjfB/j8ngOBFJwPBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNDMGLBiPWFoIXDQzBiwYj1haCFw0MwYsGI9YWghcNzAS/tdbeFW3v+7be2/eivxfo85Qt/gs/cnNI9gMi+gAAAABJRU5ErkJggg==);background-position:30%,70%;background-repeat:no-repeat,no-repeat;background-size:clamp(20%,25vw,25%) auto,clamp(20%,25vw,25%) auto;content:"";height:100%;left:50%;opacity:.25;pointer-events:none;position:absolute;top:clamp(-80px,-12vh,-110px);transform:translateX(-50%);width:clamp(600px,90vw,1000px);z-index:1}.howBox--step3:after{display:none!important}.howBox--step3 .howBox__content{margin-top:auto;position:relative;z-index:2}.howBox--step3 .howBox__number{bottom:clamp(8px,1.5vh,12px);position:absolute;right:clamp(14px,2.5vw,28px);z-index:2}.howBox--large .howBox__content{max-width:58%;padding-bottom:clamp(16px,3vh,20px);padding-left:clamp(6px,1vw,8px);position:relative;z-index:6}.howBox--step4{background-image:linear-gradient(#04122829,#0412281a),url(/static/media/Mask%20Group%2010.7ac6c8486e122af590af.png)}.howBox--step4,.howBox--step5{background-position:50%;background-repeat:no-repeat;background-size:cover}.howBox--step5{background-image:linear-gradient(#04122829,#0412281a),url(/static/media/Mask%20Group%2013.09178dda4e19868c7194.png)}.howBox:after{background:radial-gradient(circle at 30% 30%,#ffffff0f 0,#fff0 60%);content:"";filter:blur(clamp(10px,2vw,12px));height:60%;pointer-events:none;position:absolute;right:-10%;top:-10%;width:60%;z-index:1}.howBox--large:after{filter:blur(clamp(20px,4vw,28px));height:80%;right:-5%;top:-18%;width:80%}@media (prefers-reduced-motion:reduce){.howBox{opacity:1!important;transform:none!important;transition:none!important}}.howGrid{--how-gap:clamp(18px,3vw,24px);--how-small-h:clamp(150px,22vh,210px);gap:var(--how-gap)}.howBox--small{height:var(--how-small-h);min-height:0;min-height:auto}.howBox--large{height:calc(var(--how-small-h)*2 + var(--how-gap));min-height:0;min-height:auto}.howBox{height:100%}@media (max-width:768px){.howBox--large,.howBox--small{height:auto}}:root[data-theme=dark] .about-page-wrapper{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .about123:after,:root[data-theme=dark] .about123:before,:root[data-theme=dark] .howSection:before{opacity:.35}:root[data-theme=dark] .aboutBox123{background:#0f172af0;border:1px solid #94a3b873;box-shadow:0 18px 40px #000000b3}:root[data-theme=dark] .aboutBox123 h2{color:#fff}:root[data-theme=dark] .aboutBox123 p{color:var(--text-secondary)}:root[data-theme=dark] .aboutImage123{background:#020617;box-shadow:0 18px 40px #000000b3}:root[data-theme=dark] .aboutHeading123 h1,:root[data-theme=dark] .howHeading h1,:root[data-theme=dark] .howSubtitle{color:#fff}@media (min-width:1441px){.aboutContainer123{padding:0 clamp(28px,5vw,40px)}.howGrid{gap:32px;max-width:1400px}.howBox--large{height:385px;max-width:700px}}@media (min-width:1281px) and (max-width:1440px){.aboutContainer123{padding:0 clamp(24px,4vw,32px)}.howGrid{max-width:1200px}.howBox--large{height:440px}}@media (min-width:1025px) and (max-width:1280px){.aboutContainer123{padding:0 clamp(20px,3.5vw,28px)}.howGrid{max-width:1000px}.howBox--large{height:342px}}@media (min-width:769px) and (max-width:1024px){:root{--visual-overlap:clamp(60px,10vw,110px);--visual-width:clamp(350px,50vw,560px)}.aboutContainer123{padding-left:clamp(18px,3vw,24px);padding-right:clamp(18px,3vw,24px)}.howGrid{gap:clamp(16px,2.5vw,20px);grid-template-columns:1fr 1fr;max-width:800px}.howBox--large{height:343px;max-width:100%}}@media (min-width:601px) and (max-width:768px){.aboutContainer123{align-items:stretch;padding:0 clamp(16px,3vw,20px)}.aboutContainer123,.visual-wrap{flex-direction:column;gap:clamp(16px,3vh,20px)}.visual-wrap{align-items:center;width:100%}.aboutBox123{margin-right:0;max-width:100%;order:1;width:100%}.aboutImage123{max-width:100%;order:2;top:0;width:100%}.howGrid{gap:clamp(14px,2vh,18px);grid-template-columns:1fr 1fr;padding:0 clamp(16px,3vw,20px)}.howBox--large{height:343px}}@media (min-width:481px) and (max-width:600px){.aboutContainer123{flex-direction:column;gap:clamp(16px,3vh,18px);padding:0 clamp(16px,3vw,20px)}.visual-wrap{flex-direction:column;gap:clamp(14px,2.5vh,16px);width:100%}.aboutBox123{margin-right:0;padding:clamp(20px,4vw,24px);width:100%}.aboutImage123{min-height:clamp(220px,30vh,280px);top:0;width:100%}.howGrid{gap:clamp(12px,2vh,16px);grid-template-columns:1fr 1fr;padding:0 clamp(16px,3vw,20px)}.howBox--large{height:340px}}@media (max-width:480px){.about123{padding:clamp(30px,6vh,36px) clamp(12px,3vw,16px)}.aboutHeading123 h1{font-size:clamp(1.4rem,4vw,1.6rem)}.aboutContainer123{flex-direction:column;gap:clamp(14px,3vh,18px);padding:0 clamp(12px,3vw,16px)}.visual-wrap{flex-direction:column;gap:clamp(12px,2vh,16px);width:100%}.aboutBox123{-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);border-radius:clamp(12px,2vw,16px);margin-right:0;padding:clamp(14px,3vw,18px);width:100%}.aboutBox123 h2{font-size:clamp(1rem,2.5vw,1.1rem)}.aboutBox123 p{font-size:clamp(.9rem,2vw,.95rem);line-height:1.5}.aboutImage123{min-height:clamp(180px,25vh,220px);top:0;width:100%}.howSection{padding:clamp(30px,6vh,40px) clamp(12px,3vw,16px)}.howHeading h1{font-size:clamp(1.2rem,5vw,1.6rem)}.howSubtitle{font-size:clamp(.9rem,3vw,1.1rem)}.howGrid{gap:clamp(10px,2vh,14px);grid-template-areas:"step1" "step2" "step3" "step4" "step5";grid-template-columns:1fr;padding:0 clamp(12px,3vw,16px)}.howBox{border-radius:clamp(12px,2vw,16px);min-height:clamp(120px,18vh,150px);padding:clamp(14px,3vw,18px)}.howBox--large{height:clamp(200px,25vh,250px)}.howBox__content h3{font-size:clamp(1rem,3vw,1.2rem)}.howBox__number{bottom:clamp(6px,1vh,10px);font-size:clamp(2.5rem,6vw,3.2rem);right:clamp(10px,2vw,14px)}.decor-dots,.decor-swoosh{display:none}}@media (max-width:360px){.about-page-wrapper{overflow-x:hidden}.aboutBox123{padding:clamp(12px,3vw,16px)}.aboutImage123{min-height:clamp(160px,22vh,200px)}.howBox{min-height:clamp(100px,16vh,130px)}.howBox--large{height:clamp(180px,22vh,220px)}.howBox__number{font-size:clamp(2rem,5vw,2.8rem)}}@media (max-height:500px) and (orientation:landscape){.about123{padding:clamp(20px,4vh,30px) 0}.howSection{padding:clamp(20px,4vh,30px) clamp(16px,4vw,20px) clamp(40px,8vh,60px)}.aboutImage123{min-height:clamp(200px,35vh,250px);top:clamp(20px,4vh,40px)}.howBox--large{height:clamp(200px,35vh,280px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.aboutBox123{box-shadow:0 clamp(8px,1.5vh,12px) clamp(25px,5vh,40px) #10182826,0 clamp(4px,.8vh,6px) clamp(15px,3vh,20px) #1018281a,inset 0 1px 0 #ffffffb3}.howBox{box-shadow:0 clamp(15px,3vh,25px) clamp(35px,6vh,50px) #0814282e}}@media print{.about123:before,.aboutBox123:after,.aboutBox123:before,.decor-dots,.decor-swoosh,.howSection:before{display:none!important}.aboutBox123{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fffffff2!important}}.path-line{filter:drop-shadow(0 2px 6px rgba(0,0,0,.05));height:auto;opacity:.65;pointer-events:none;position:absolute;width:130%;z-index:29}.path-line--top{right:clamp(-40px,-6vw,-120px);top:-180px;transform:rotate(6deg)}.aboutBox123{z-index:5}.aboutImage123{z-index:3}@media (max-width:900px){.path-line{opacity:.5;width:clamp(380px,70vw,760px)}.path-line--top{right:clamp(-20px,-4vw,-60px);top:clamp(0px,1vh,12px);transform:rotate(4deg)}}@media (max-width:600px){.path-line{opacity:.38;width:clamp(300px,90vw,620px)}.path-line--top{right:clamp(-8px,-2vw,-20px);top:clamp(6px,2vh,20px);transform:rotate(3deg)}}@media (max-width:380px){.path-line{display:none}}.aboutImage123 img{--_g:10%/45% 45% no-repeat conic-gradient(#000 0 0);--_i:0%;cursor:pointer;cursor:default;-webkit-mask:left var(--_i,) top var(--_g),bottom var(--_i,) left var(--_g),top var(--_i,) right var(--_g),right var(--_i,) bottom var(--_g);mask:left var(--_i,) top var(--_g),bottom var(--_i,) left var(--_g),top var(--_i,) right var(--_g),right var(--_i,) bottom var(--_g);-webkit-mask:left var(--_i) top var(--_g),bottom var(--_i) left var(--_g),top var(--_i) right var(--_g),right var(--_i) bottom var(--_g);mask:left var(--_i) top var(--_g),bottom var(--_i) left var(--_g),top var(--_i) right var(--_g),right var(--_i) bottom var(--_g);transition:.3s linear;transition:1.9s linear}.aboutImage123.is-joined img{--_i:10%}.gallery-section-new{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);min-height:100vh;overflow-x:hidden;padding:10rem 0 12rem;position:relative;width:100%}:root[data-theme=dark] .gallery-section-new{background:radial-gradient(1200px 900px at 50% 0,#0b1120 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .gallery-heading h2,:root[data-theme=dark] .membership-left h2{color:#fff}.gallery-container{align-items:center;display:flex;height:100vh;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%}.gallery-container:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);content:"";filter:blur(44px);height:420px;left:-6%;pointer-events:none;position:absolute;right:-6%;top:10px;transform:translateZ(0);will-change:transform;z-index:0}:root[data-theme=dark] .gallery-container:after{background:radial-gradient(950px 980px at 10% 20%,#38bdf859,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#818cf852,#0000 32%),linear-gradient(180deg,#0f172ae6,#0f172ae6)}.gallery-heading{margin:0 auto;max-width:1100px;padding:0 16px;position:relative;text-align:center;width:100%;z-index:5}.gallery-heading h2{color:var(--text-primary);font-size:65px;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0;position:relative;text-shadow:none;top:-70px}.gallery-section-new{padding:6rem 0 12rem}@media (max-width:640px){.gallery-section-new{padding-top:4.5rem}}.images-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.image-item{opacity:0;position:absolute;transform-origin:center;transition:all cubic-bezier(.4,0,.2,1);z-index:1}.image-item.revealed{opacity:1}.image-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:5px solid #ffffffe6;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #fffc;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.image-wrapper:hover{border-color:#ffa50080;box-shadow:0 35px 70px -12px #00000040,0 0 0 1px #ffa5004d;transform:scale(1.08) translateY(-8px)}.image-overlay{background:linear-gradient(135deg,#ffa5001a,#0000 30%,#ff8c001a);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.image-wrapper:hover .image-overlay{opacity:1}.image-item.square-small .image-wrapper{height:8rem;width:8rem}.image-item.square-medium .image-wrapper{height:11rem;width:11rem}.image-item.square-large .image-wrapper{height:14rem;width:14rem}.image-item.portrait-medium .image-wrapper{height:14rem;width:10rem}.image-item.portrait-tall .image-wrapper{height:16rem;width:9rem}.image-item.landscape-medium .image-wrapper{height:10rem;width:16rem}.image-item.landscape-wide .image-wrapper{height:11rem;width:18rem}.image-item.landscape-large .image-wrapper{height:13rem;width:20rem}.image-item.panoramic .image-wrapper{height:12rem;width:24rem}.image-item.ultra-panoramic .image-wrapper{height:14rem;width:28rem}.image-item.mega-panoramic .image-wrapper{height:16rem;width:32rem}.image-wrapper img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.image-wrapper:hover img{transform:scale(1.05)}.center-image-wrapper{position:relative;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:15}.center-image-container{position:relative}.center-glow{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#ffa5004d 0,#0000 70%);border-radius:2rem;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.center-image{border-radius:2rem;box-shadow:0 40px 80px -12px #0000004d,0 0 0 6px #ffffffe6;height:28rem;overflow:hidden;position:relative;width:20rem}.center-image:before{background:linear-gradient(135deg,#0000,#ffa5001a 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.center-image img{display:block;height:100%;object-fit:cover;width:100%}.scroll-indicator{bottom:4rem;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:20}.scroll-text{animation:text-glow 2s ease-in-out infinite alternate;color:#ea580c;color:var(--accent-secondary,#ea580c);font-size:1rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}@keyframes text-glow{0%{text-shadow:0 2px 4px #0000001a}to{text-shadow:0 2px 8px #ea580c66}}.scroll-arrow-wrapper{animation:bounce-enhanced 2s infinite}.scroll-arrow{color:#ea580c;color:var(--accent-secondary,#ea580c);filter:drop-shadow(0 2px 4px rgba(234,88,12,.3));height:2rem;width:2rem}@keyframes bounce-enhanced{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}@media (min-width:1600px){.image-item.ultra-panoramic .image-wrapper{height:16rem;width:32rem}.image-item.mega-panoramic .image-wrapper{height:18rem;width:36rem}.center-image{height:32rem;width:24rem}}@media (min-width:1200px) and (max-width:1599px){.image-item.panoramic .image-wrapper{height:10rem;width:20rem}.image-item.ultra-panoramic .image-wrapper{height:12rem;width:24rem}.image-item.mega-panoramic .image-wrapper{height:14rem;width:28rem}}@media (min-width:768px) and (max-width:1199px){.image-item.square-small .image-wrapper{height:6rem;width:6rem}.image-item.square-medium .image-wrapper{height:8rem;width:8rem}.image-item.square-large .image-wrapper{height:10rem;width:10rem}.image-item.landscape-medium .image-wrapper{height:7rem;width:12rem}.image-item.landscape-wide .image-wrapper{height:8rem;width:14rem}.image-item.panoramic .image-wrapper{height:8rem;width:16rem}.image-item.ultra-panoramic .image-wrapper{height:9rem;width:18rem}.center-image{height:22rem;width:16rem}}@media (max-width:767px){.image-item.square-small .image-wrapper{height:4rem;width:4rem}.image-item.square-medium .image-wrapper{height:5.5rem;width:5.5rem}.image-item.landscape-medium .image-wrapper{height:5rem;width:8rem}.image-item.panoramic .image-wrapper{height:5rem;width:10rem}.image-item.ultra-panoramic .image-wrapper{height:6rem;width:12rem}.center-image{height:16rem;width:12rem}.image-item.revealed{transform:scale(.7)}}@media (max-width:480px){.image-item.revealed{transform:scale(.5)}.center-image{height:14rem;width:10rem}}.testimonials-wrapper{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;overflow:hidden;padding:4rem 1rem}:root[data-theme=dark] .testimonials-wrapper{background:radial-gradient(1200px 900px at 50% 0,#0b1120 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .testimonials-title,:root[data-theme=dark] .testimonials-title1{color:#fff}.testimonials-container{margin:0 auto;max-width:1280px;padding:0 12px}.testimonials-header{margin-bottom:3.5rem;text-align:center}.testimonials-title{font:normal normal 600 65px/89px Manrope}.testimonials-title,.testimonials-title1{color:var(--text-primary);margin-bottom:.5rem}.testimonials-title1{font:normal normal 380 65px/89px Manrope}.testimonials-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:1rem}.testimonials-divider{background-color:var(--accent-primary);border-radius:4px;height:.25rem;margin:.75rem auto 0;width:8rem}.slider-wrapper{overflow:hidden;padding-bottom:1rem;position:relative;width:100%}.slider-container{align-items:stretch;animation:slide 40s linear infinite;display:flex;gap:1.5rem;will-change:transform}.slider-container:hover{animation-play-state:paused}.card-wrapper{display:block;flex-shrink:0;outline:none;perspective:1000px;width:320px}.card-content{align-items:flex-end;border-radius:1.25rem;height:24rem;justify-content:center;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.card-image{object-fit:cover;z-index:0}.card-image,.gradient-overlay{height:100%;left:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.gradient-overlay{opacity:0;z-index:1}.gradient-blue .gradient-overlay{background:linear-gradient(135deg,#4f46e5,#2563eb)}.gradient-red .gradient-overlay{background:linear-gradient(135deg,#dc2626,#b91c1c)}.gradient-purple .gradient-overlay{background:linear-gradient(135deg,#7e22ce,#6b21a8)}.gradient-green .gradient-overlay{background:linear-gradient(135deg,#16a34a,#15803d)}.card-wrapper:hover .card-image{opacity:0}.card-wrapper:hover .gradient-overlay{opacity:1}.card-wrapper:hover .card-content{box-shadow:0 24px 48px #0a143299;transform:translateY(-6px)}.card-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;font-size:1.5rem;font-weight:700;margin:0;padding:.75rem 1.5rem;position:relative;text-shadow:0 2px 8px #000000b3;transition:transform 2s cubic-bezier(.2,.9,.3,1);z-index:3}.card-name,.card-text{color:#fff;text-align:center}.card-text{align-items:center;bottom:0;display:flex;font-size:1rem;justify-content:center;left:0;line-height:1.6;opacity:0;padding:2rem;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.9,.3,1);z-index:2}.card-wrapper:hover .card-text{opacity:1;pointer-events:auto;transform:translateY(0)}.card-wrapper:hover .card-name{transform:translateY(-280px)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(calc(-1280px - 6rem))}}@media (max-width:980px){.card-wrapper{width:280px}.card-content{height:20.5rem}.card-name{font-size:1.25rem}.card-text{font-size:.9rem;padding:1.5rem}.card-wrapper:hover .card-name{transform:translateY(-240px)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(calc(-1120px - 6rem))}}}@media (max-width:520px){.testimonials-title{font-size:2rem}.testimonials-subtitle{font-size:1rem}.card-wrapper{width:240px}.card-content{height:18rem}.card-name{font-size:1.1rem}.card-text{font-size:.85rem;padding:1.25rem}.card-wrapper:hover .card-name{transform:translateY(-200px)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(calc(-960px - 6rem))}}}.card-wrapper:focus{outline:3px solid #3b82f680;outline-offset:4px}.card-wrapper:focus .card-text{opacity:1;transform:translateY(0)}.card-wrapper:focus .card-name{transform:translateY(-280px)}.card-wrapper:focus .card-image{opacity:0}.card-wrapper:focus .gradient-overlay{opacity:1}@media screen and (max-width:768px){.testimonials-title{font-size:60px}.testimonials-title1{font-size:50px}}@media screen and (max-width:480px){.testimonials-title{font-size:50px}.testimonials-title1{font-size:30px;margin-top:-20px}}.diff123{align-items:center;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);color:var(--text-primary);display:flex;flex-direction:column;padding:60px 20px;position:relative;width:100%}:root[data-theme=dark] .diff123{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%)}.diffTop123{background-image:url(/static/media/Mask%20Group%2014.5f7b6a89e7aa47db8cf4.png);background-position:50%;background-size:cover;border-radius:20px;color:#fff;max-width:1400px;overflow:hidden;padding:60px 40px 200px 150px;position:relative;text-align:left;width:100%;z-index:1}.circle-dot-bg{animation:spinBg 40s linear infinite;left:-15vw;max-width:960px;opacity:.95;top:23vw;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.circle-dot-bg,.diffAnimArea{pointer-events:none;position:absolute}.diffAnimArea{inset:0;z-index:0}.diffCircles{height:100%;inset:0;margin:0;overflow:hidden;padding:0;position:absolute;width:100%}.diffCircles li{animation:diffFloat 25s linear infinite;background:#ffffff2e;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.diffTop123 .different-subtitle,.diffTop123 .different-title,.diffTop123 h2,.diffTop123 h3,.diffTop123 p{position:relative;z-index:2}.diffTop123 h2{font-size:3rem;font-weight:500;margin-bottom:10px}.diffTop123 p{font-size:1.9rem;margin-bottom:30px;opacity:.9}.diffTop123 h3{font-size:2.4rem;font-weight:500;padding-top:40px}.diffCircles li:first-child{animation-delay:0s;height:80px;left:25%;width:80px}.diffCircles li:nth-child(2){animation-delay:2s;animation-duration:12s;height:20px;left:10%;width:20px}.diffCircles li:nth-child(3){animation-delay:4s;height:20px;left:70%;width:20px}.diffCircles li:nth-child(4){animation-delay:0s;animation-duration:18s;height:60px;left:40%;width:60px}.diffCircles li:nth-child(5){animation-delay:0s;height:20px;left:65%;width:20px}.diffCircles li:nth-child(6){animation-delay:3s;height:110px;left:75%;width:110px}.diffCircles li:nth-child(7){animation-delay:7s;height:150px;left:35%;width:150px}.diffCircles li:nth-child(8){animation-delay:15s;animation-duration:45s;height:25px;left:50%;width:25px}.diffCircles li:nth-child(9){animation-delay:2s;animation-duration:35s;height:15px;left:20%;width:15px}.diffCircles li:nth-child(10){animation-delay:0s;animation-duration:11s;height:150px;left:85%;width:150px}@keyframes diffFloat{0%{border-radius:0;opacity:1;transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;transform:translateY(-900px) rotate(2turn)}}.diffCards123{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:-171px;max-width:1100px;position:relative;width:100%;z-index:2}.fixed-3x3{grid-auto-rows:minmax(100px,auto)}.diffCard123{align-items:center;background:var(--bg-card);border-radius:12px;box-shadow:0 6px 15px #0f172a2e;color:var(--accent-primary);display:flex;font-size:1.5rem;font-weight:300;justify-content:center;padding:20px;text-align:center;will-change:transform,opacity}:root[data-theme=dark] .diffCard123{box-shadow:0 10px 30px #0009}.diffCard-drop{opacity:0;transform:translateY(-40px) scale(.97)}.diffCard-drop.is-visible{animation-delay:0ms;animation-delay:var(--delay,0ms);animation-duration:2.7s;animation-fill-mode:forwards;animation-name:diffDropIn;animation-timing-function:cubic-bezier(.22,.61,.36,1)}@keyframes diffDropIn{0%{box-shadow:0 2px 6px #0f172a1f;opacity:0;transform:translateY(-40px) scale(.97)}55%{box-shadow:0 14px 30px #0f172a47;opacity:1;transform:translateY(6px) scale(1.01)}to{box-shadow:0 6px 15px #0f172a2e;opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.diffCard-drop{animation:none!important;opacity:1!important;transform:none!important}}.diffPager{align-items:center;box-sizing:border-box;display:flex;gap:12px;justify-content:center;margin-bottom:8px;margin-top:18px;max-width:1100px;padding:0 20px;width:100%}.diffPagerBtn{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:8px 14px}:root[data-theme=dark] .diffPagerBtn{border-color:var(--border-medium)}.diffPagerBtn:disabled{cursor:not-allowed;opacity:.5}.diffPagerInfo{color:var(--text-secondary);font-weight:600}@media (max-width:1024px){.diffCards123{grid-template-columns:repeat(2,1fr)}.diffTop123{max-width:90vw;padding-bottom:150px;padding-left:40px;padding-right:40px}.diffTop123 h2{font-size:2.5rem}.diffTop123 p{font-size:1.5rem}.diffTop123 h3{font-size:2rem;padding-top:30px}.circle-dot-bg{left:-20vw;max-width:600px;opacity:.8;top:30vw}}@media (max-width:768px){.diffCards123{grid-template-columns:1fr;margin-top:-40px}.diffTop123{padding-bottom:120px;padding-left:20px;padding-right:20px;text-align:center}.diffTop123 h2{font-size:2rem}.diffTop123 p{font-size:1.2rem;text-align:center}.diffTop123 h3{font-size:1.6rem;padding-top:20px}.circle-dot-bg{display:none}.diffPager{flex-direction:column;gap:8px;padding:0 10px}.diffPagerBtn{max-width:120px;width:100%}.diffPagerInfo{font-size:1rem}}.oa{align-items:center;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}:root[data-theme=dark] .oa{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .oa-title{color:#fff}.oa-bg{inset:0;pointer-events:none;position:absolute}.dots-tl{left:0;top:0}.dots-br,.dots-tl{height:16rem;opacity:.3;position:absolute;width:16rem}.dots-br{bottom:0;right:0}:root[data-theme=dark] .dots-br,:root[data-theme=dark] .dots-tl{opacity:.18}.dots-br svg,.dots-tl svg{height:100%;width:100%}.oa-title{color:var(--text-primary);font-size:3rem;font-weight:700;margin-bottom:5rem;text-align:center;z-index:10}.oa-stage{height:700px;max-width:1200px;position:relative;width:100%}.oa-rings,.oa-stage{align-items:center;display:flex;justify-content:center}.oa-rings{inset:0;z-index:1}.oa-rings,.ring{position:absolute}.ring{border:2px solid;border-radius:6rem;opacity:.15}.r1{border-color:#a855f7;height:300px;width:300px}.r2{border-color:#c4b5fd;height:400px;width:400px}.r3{border-color:#e9d5ff;height:500px;width:500px}.r4{border-color:#f3e8ff;height:600px;width:600px}.oa-rings-anim{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.pulse{border:3px solid;border-radius:6rem;opacity:0;position:absolute}.pr1{animation:pulseExpand 4s ease-out infinite;animation-delay:0s;border-color:#a855f799}.pr1,.pr2{height:320px;width:320px;z-index:5}.pr2{animation:pulseExpand 4s ease-out infinite;animation-delay:1s;border-color:#c4b5fd80}.pr3{animation:pulseExpand 4s ease-out infinite;animation-delay:2s;border-color:#e9d5ff66;height:320px;width:320px;z-index:5}.pr4{animation:pulseFront 3s ease-out infinite;animation-delay:.5s;border-color:#a855f7b3}.pr4,.pr5{height:300px;width:300px;z-index:25}.pr5{animation:pulseFront 3s ease-out infinite;animation-delay:1.8s;border-color:#c4b5fd99}.pr6{animation:pulseFront 3s ease-out infinite;animation-delay:2.5s;border-color:#e9d5ff80;height:300px;width:300px;z-index:25}@keyframes pulseExpand{0%{opacity:.6;transform:scale(.85)}50%{opacity:.3}to{opacity:0;transform:scale(2)}}@keyframes pulseFront{0%{opacity:.8;transform:scale(.9)}50%{opacity:.5}to{opacity:0;transform:scale(1.6)}}.oa-core{position:relative;z-index:20}.oa-card{align-items:center;background:var(--bg-card);border-radius:1.5rem;box-shadow:0 20px 25px -5px #0f172a33,0 10px 10px -5px #0f172a26;display:flex;height:15rem;justify-content:center;padding:2.5rem;width:15rem}:root[data-theme=dark] .oa-card{box-shadow:0 26px 40px -8px #0009}.logo-content{text-align:center}.emoji{font-size:4rem;margin-bottom:1rem}.brand{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9333ea,#3b82f6,#9333ea);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.oa-pill{align-items:start;transition:all .3s ease}.oa{overflow:hidden;position:relative}.oa:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:40%;content:"";height:100%;left:716px;position:absolute;top:87px;transform-origin:center center;width:100%;z-index:0}:root[data-theme=dark] .oa:before{opacity:.6}@media (max-width:1024px){.oa{padding:1.5rem}.oa-title{font-size:clamp(2.2rem,4vw,2.8rem);margin-bottom:clamp(3rem,6vw,4rem)}.oa-stage{height:clamp(600px,70vh,650px);max-width:900px}.r1{height:250px;width:250px}.r2{height:340px;width:340px}.r3{height:430px;width:430px}.r4{height:520px;width:520px}.pr1,.pr2,.pr3{height:270px;width:270px}.pr4,.pr5,.pr6{height:250px;width:250px}.oa-card{height:12rem;padding:2rem;width:12rem}.oa-pill{padding:.8rem;width:13rem}.oa-pill-text{font-size:.7rem;line-height:1.4}.oa-pill-icon{height:2rem;width:2rem}.oa-pill--top{left:38%;top:2%}.oa-pill--rightTop{right:12%;top:18%}.oa-pill--right{right:8%;top:42%}.oa-pill--rightBottom{bottom:22%;right:12%}.oa-pill--bottom{bottom:8%;left:40%}.oa-pill--leftBottom{bottom:15%;left:6%}.oa-pill--left{left:8%;top:42%}.oa-pill--leftTop{left:6%;top:15%}.oa:before{background-size:clamp(35%,45vw,40%);left:50%;top:clamp(60px,8vh,87px);transform:translateX(-50%)}}@media (max-width:768px){.oa{min-height:100vh;padding:1rem}.oa-title{font-size:clamp(1.8rem,5vw,2.4rem);margin-bottom:clamp(2.5rem,5vh,3.5rem)}.oa-stage{height:clamp(700px,80vh,800px);max-width:100%}.r1{height:200px;width:200px}.r2{height:280px;width:280px}.r3{height:360px;width:360px}.r4{height:440px;width:440px}.pr1,.pr2,.pr3{height:220px;width:220px}.pr4,.pr5,.pr6{height:200px;width:200px}.oa-card{height:10rem;padding:1.5rem;width:10rem}.oa-pill{padding:.7rem;width:11rem}.oa-pill-text{font-size:.65rem;line-height:1.3}.oa-pill-icon{height:1.8rem;width:1.8rem}.oa-pill--top{left:36%;top:3%}.oa-pill--rightTop{right:8%;top:16%}.oa-pill--right{right:5%;top:40%}.oa-pill--rightBottom{bottom:20%;right:8%}.oa-pill--bottom{bottom:10%;left:38%}.oa-pill--leftBottom{bottom:18%;left:4%}.oa-pill--left{left:5%;top:40%}.oa-pill--leftTop{left:4%;top:18%}.oa:before{background-size:clamp(40%,50vw,45%)}}@media (max-width:600px){.oa{padding:.8rem}.oa-title{font-size:clamp(1.6rem,6vw,2rem);margin-bottom:clamp(2rem,4vh,3rem)}.oa-stage{height:clamp(800px,90vh,900px)}.r1{height:160px;width:160px}.r2{height:220px;width:220px}.r3{height:280px;width:280px}.r4{height:340px;width:340px}.pr1,.pr2,.pr3{height:180px;width:180px}.pr4,.pr5,.pr6{height:160px;width:160px}.oa-card{border-radius:1rem;height:8rem;padding:1.2rem;width:8rem}.oa-pill{border-radius:.6rem;padding:.6rem;width:10rem}.oa-pill-text{font-size:.6rem;line-height:1.2}.oa-pill-icon{height:1.5rem;width:1.5rem}.oa-pill--top{left:33%;top:5%}.oa-pill--rightTop{right:5%;top:15%}.oa-pill--right{right:2%;top:38%}.oa-pill--rightBottom{bottom:18%;right:5%}.oa-pill--bottom{bottom:12%;left:35%}.oa-pill--leftBottom{bottom:20%;left:2%}.oa-pill--left{left:2%;top:38%}.oa-pill--leftTop{left:2%;top:20%}.oa:before{background-size:clamp(50%,60vw,55%)}}@media (max-width:480px){.oa{min-height:100vh;padding:.5rem}.oa-title{font-size:clamp(1.4rem,7vw,1.8rem);margin-bottom:clamp(1.5rem,3vh,2.5rem)}.oa-stage{height:clamp(750px,85vh,850px)}.r1{height:130px;width:130px}.r2{height:180px;width:180px}.r3{height:230px;width:230px}.r4{height:280px;width:280px}.pr1,.pr2,.pr3{height:150px;width:150px}.pr4,.pr5,.pr6{height:130px;width:130px}.oa-card{border-radius:.8rem;height:6.5rem;padding:1rem;width:6.5rem}.oa-pill{border-radius:.5rem;padding:.5rem;width:9rem}.oa-pill-text{font-size:.55rem;line-height:1.1}.oa-pill-icon{height:1.3rem;width:1.3rem}.oa-pill--top{left:30%;top:6%}.oa-pill--rightTop{right:3%;top:14%}.oa-pill--right{right:0;top:36%}.oa-pill--rightBottom{bottom:16%;right:3%}.oa-pill--bottom{bottom:14%;left:32%}.oa-pill--leftBottom{bottom:18%;left:0}.oa-pill--left{left:0;top:36%}.oa-pill--leftTop{left:0;top:18%}.oa:before{background-size:clamp(60%,70vw,65%);top:clamp(40px,6vh,60px)}}@media (max-width:360px){.oa-title{font-size:clamp(1.2rem,8vw,1.6rem);margin-bottom:clamp(1rem,2vh,2rem)}.oa-stage{height:clamp(700px,80vh,750px)}.oa-card{height:5.5rem;padding:.8rem;width:5.5rem}.oa-pill{padding:.4rem;width:8rem}.oa-pill-text{font-size:.5rem;line-height:1}.oa-pill-icon{height:1.1rem;width:1.1rem}.r1{height:110px;width:110px}.r2{height:150px;width:150px}.r3{height:190px;width:190px}.r4{height:230px;width:230px}.pr1,.pr2,.pr3{height:130px;width:130px}.pr4,.pr5,.pr6{height:110px;width:110px}}@media (max-height:600px) and (orientation:landscape){.oa{padding:.5rem}.oa-title{margin-bottom:clamp(1rem,3vh,2rem)}.oa-stage{height:clamp(450px,70vh,550px)}.oa-card{height:clamp(6rem,12vw,8rem);width:clamp(6rem,12vw,8rem)}.oa-pill{width:clamp(8rem,15vw,10rem)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.oa-pill{box-shadow:0 6px 8px -2px #0f172a2e,0 3px 5px -2px #0f172a1f}.oa-card{box-shadow:0 25px 30px -8px #0f172a38,0 12px 15px -8px #0f172a29}}.oa-pill{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-light);border-radius:.75rem;box-shadow:0 4px 6px -1px #0f172a33,0 2px 4px -1px #0f172a1a;display:flex;gap:.75rem;opacity:0;padding:1rem;position:absolute;transform:translate(0);transform:translate(var(--fromX,0),var(--fromY,0));transition:transform .75s cubic-bezier(.22,.61,.36,1),opacity .75s ease-out,box-shadow .3s ease,background .3s ease;transition-delay:0ms;transition-delay:var(--delay,0ms);width:15rem;z-index:29}:root[data-theme=dark] .oa-pill{border-color:var(--border-medium);box-shadow:0 8px 18px -4px #000000a6}.oa-pill.is-visible{opacity:1;transform:translate(0)}.oa-pill:hover{box-shadow:0 10px 15px -3px #0f172a40,0 4px 6px -2px #0f172a2e;transform:translateY(-2px)}.oa-pill-icon{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.oa-pill-text{color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1.5}.oa-pill--top{--fromX:0;--fromY:-140px;left:39%;top:0}.oa-pill--rightTop{--fromX:160px;--fromY:-80px;right:16%;top:19%}.oa-pill--right{--fromX:200px;--fromY:0;right:10%;top:43%}.oa-pill--rightBottom{--fromX:160px;--fromY:80px;bottom:25%;right:15%}.oa-pill--bottom{--fromX:0;--fromY:140px;bottom:6%;left:42%}.oa-pill--leftBottom{--fromX:-160px;--fromY:80px;bottom:12%;left:8%}.oa-pill--left{--fromX:-200px;--fromY:0;left:10%;top:43%}.oa-pill--leftTop{--fromX:-160px;--fromY:-80px;left:8%;top:12%}@media (prefers-reduced-motion:reduce){.oa-pill{opacity:1!important;transform:none!important;transition:none!important}}.mtf-wrapper{--ring-size:clamp(320px,46vw,720px);--ring-shift-x:clamp(80px,14vw,180px);--ring-shift-y:clamp(-20px,-4vw,10px);--ring-opacity:0.22;--ring-scale:1;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);color:var(--text-primary)}:root[data-theme=dark] .mtf-wrapper{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .faq-title,:root[data-theme=dark] .features-heading{color:#fff}.membership-section{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:120vh;padding:60px 24px}.membership-left{flex:1 1 360px;max-width:540px;padding:8px 12px 0 8px}.membership-left h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:70px;font-weight:300;margin-bottom:55px}.membership-intro{color:var(--text-secondary);margin-bottom:55px}.features-heading{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px}.toggle{background:var(--bg-secondary);border-radius:30px;display:inline-flex;margin-bottom:45px;padding:5px;width:-webkit-fit-content;width:fit-content}.toggle button{background:#0000;border:none;border-radius:30px;color:var(--text-primary);cursor:pointer;font-size:30px;padding:10px 20px;transition:.28s}.toggle .active{background:linear-gradient(90deg,#f97316,#2563eb);color:#fff}.membership-right{align-items:center;display:flex;justify-content:center;min-height:400px;min-width:280px;overflow:visible;padding:8px 12px 0 8px;pointer-events:none;position:relative;z-index:10}.membership-right .card *{pointer-events:auto}.card{background:var(--bg-card);border-radius:14px;box-shadow:0 8px 30px #0f172a26;color:var(--text-primary);opacity:0;padding:20px;position:absolute;text-align:center;transform:translateY(40px) scale(.9);transform-origin:center center;transition:all 1s cubic-bezier(.2,.9,.2,1);width:240px;will-change:transform}:root[data-theme=dark] .card{box-shadow:0 22px 45px #000000b3}.card1{height:240px}.card2{height:280px}.card3{height:240px}.card2{opacity:1;transform:translateY(0) scale(1);z-index:3}.card1,.card3{opacity:0;pointer-events:none;transform:translateY(40px) scale(.85)}.membership-right.show-all .card{opacity:1;pointer-events:auto}.membership-right.show-all .card1{opacity:1;transform:translate(-220px,45px) scale(.92) rotate(-4deg);z-index:1}.membership-right.show-all .card2{height:18rem;z-index:2}.membership-right.show-all .card3{opacity:1;transform:translate(234px,52px) scale(.92) rotate(5deg);z-index:3}.membership-right.move-down.show-all .card{transition:all 1.2s cubic-bezier(.2,.8,.2,1)}.card h3{color:red;font-size:28px;margin:10px 0}.card h4{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.card h1,.price{color:var(--text-primary);font-size:48px;font-weight:700;margin:10px 0}.price{text-align:center}.free{color:#ef4444}.sub{color:var(--text-secondary);font-size:14px;margin-top:8px}.popular{background:#ef7e18;color:#fff}.popular .sub,.popular h4{color:#ffffffe6}.popular h1{color:#fff}.popular .buy-btn{background:#2563eb;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:12px 32px;transition:transform .2s ease,box-shadow .2s ease}.popular .buy-btn:hover{box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.tag{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#000;font-size:12px;font-weight:600;padding:6px 12px;right:-12px;top:-39px}.card-bg,.tag{position:absolute}.card-bg{border-radius:16px;height:100%;left:0;object-fit:cover;opacity:.1;pointer-events:none;top:0;width:100%}.card-content1{position:relative;z-index:1}.features-list-full{margin-top:40px;padding:18px;width:100%}.features-list{color:var(--text-secondary);font-size:15px;line-height:1.8;margin:0;white-space:normal}.pricing-compare-wrap{align-items:center;background:#0000;box-sizing:border-box;display:flex;justify-content:center;margin-top:80px;padding:48px 20px 72px;position:relative;transition:box-shadow .18s ease;z-index:6}.decor-dots{background-image:radial-gradient(circle,#c878b4e6 1px,#0000 0);background-size:10px 10px;height:220px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%,#000 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30%,#000 70%,#0000);opacity:.18;pointer-events:none;position:absolute;top:20%;width:420px}:root[data-theme=dark] .decor-dots{opacity:.12}.decor-left{left:-180px;transform:rotate(0deg)}.decor-right{right:-180px;transform:rotate(180deg)}.pricing-cards-compare{align-items:stretch;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:0 auto;max-width:1120px;padding:12px;width:100%;z-index:2}.price-card{border-radius:18px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:520px;padding:28px;transition:transform .45s cubic-bezier(.2,.9,.3,1),box-shadow .28s ease;width:300px}.side-card{background:var(--bg-card);border:1.5px solid #ff648c2e;box-shadow:0 18px 40px #0a14320a}.popular-card{align-items:stretch;background:linear-gradient(180deg,#b23bff,#ff6b6b 50%,#3f00ff);border-radius:22px;box-shadow:0 30px 90px #3f00ff1f;color:#fff;justify-content:space-between;min-height:560px;padding:36px;width:360px}.card-inner,.popular-card{display:flex;flex-direction:column}.card-inner{height:100%}.card-top.small{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:6px}.popular-header{color:#fffffff2;font-size:14px;font-weight:700;margin-bottom:12px}.card-features-compact{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;list-style:none;margin:0;overflow:auto;padding:8px 0 12px}.card-features-compact li{color:var(--text-secondary);font-size:14px;line-height:1.45}.popular-features li{color:#fffffff2}.btn{align-self:center;border-radius:999px;display:inline-block;font-size:15px;font-weight:700;margin-top:18px;min-width:150px;padding:14px 28px;transition:transform .18s ease,box-shadow .18s ease}.btn-outline{background:#fff;border:none;box-shadow:0 8px 20px #0b5cff14;color:#0b5cff}.side-card .btn-outline{background:#0b5cff;box-shadow:0 8px 18px #0b5cff2e;color:#fff}.btn-popular{background:#fff;box-shadow:0 12px 30px #0000002e;color:#3b2a9e;padding:14px 34px}.price-card:hover{box-shadow:0 30px 80px #00000014;transform:translateY(-8px)}:root[data-theme=dark] .price-card:hover{box-shadow:0 30px 80px #000000b3}.btn:hover{transform:translateY(-3px)}.membership-right.attached .card{box-shadow:0 26px 60px #0c163c1f;opacity:.98}:root[data-theme=dark] .membership-right.attached .card{box-shadow:0 28px 70px #000c}.membership-right.attached .card1{z-index:12}.membership-right.attached .card2{z-index:13}.membership-right.attached .card3{z-index:12}.membership-right.attached~.pricing-compare-wrap .decor-dots{opacity:.06}@media (max-width:1100px){.decor-dots{display:none}.popular-card{min-height:520px;width:340px}.price-card{min-height:500px;width:300px}.membership-right.show-all .card1{transform:translate(-200px,20px) scale(.92)}.membership-right.show-all .card3{transform:translate(200px,20px) scale(.92)}}@media (max-width:880px){.membership-section{min-height:auto;padding:36px 18px}.membership-left,.membership-right{flex:1 1 100%;max-width:100%;padding:6px 8px}.membership-right{flex-direction:column;min-height:auto}.card{margin:12px auto;max-width:380px;opacity:1!important;position:relative!important;width:100%!important}.card,.membership-right.move-down .card,.membership-right.show-all .card{transform:none!important}.features-list-full{margin-top:20px;padding:14px}.pricing-cards-compare{align-items:center;flex-direction:column;gap:18px;padding:8px}.popular-card,.price-card{max-width:420px;min-height:auto;padding:20px;width:92%}.popular-card{order:2}.side-card:first-of-type{order:1}.side-card:last-of-type{order:3}.pricing-compare-wrap{margin-top:40px;padding:24px 12px}}@media (max-width:520px){.membership-section{gap:16px;padding:28px 14px}.membership-left h2{font-size:42px;margin-bottom:30px}.membership-intro{font-size:14px;margin-bottom:30px}.toggle button{font-size:16px;padding:8px 16px}.features-list{font-size:14px}.card{border-radius:12px;padding:18px}.card h1,.price{font-size:38px}}.faq-hero{align-items:center;box-sizing:border-box;display:flex;gap:48px;justify-content:center;margin:0 auto;padding:56px 48px 96px}.faq-hero:before{left:500px}.faq-hero:after,.faq-hero:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:35%;content:"";height:100%;position:absolute;transform-origin:center center;width:100%;z-index:1}.faq-hero:after{pointer-events:none;right:1000px}.faq-left{flex:1 1 640px;max-width:640px}.faq-title{color:var(--text-primary);font-size:51px;font-weight:500;line-height:1.2;margin:0 0 100px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 6px 18px #13121614;cursor:pointer;overflow:hidden;padding:18px 22px;transition:transform .22s ease,box-shadow .22s ease}:root[data-theme=dark] .faq-item{border-color:var(--border-medium);box-shadow:0 14px 40px #000000b3}.faq-row{align-items:center;display:flex;justify-content:space-between}.faq-question{color:var(--text-primary);font-size:22px;font-weight:500;margin:0}.chev{color:#ef6b6b;display:inline-flex;transform:rotate(0deg);transition:transform .28s ease}.faq-item.open .chev{transform:rotate(180deg)}.faq-answer{margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .36s ease,opacity .32s ease}.faq-item.open .faq-answer{max-height:240px;opacity:1}.faq-answer p{color:var(--text-secondary);font-size:18px;line-height:1.7;margin:0;padding-top:6px}.faq-right{align-items:center;display:flex;flex:0 0 420px;justify-content:center;min-width:320px;position:relative}.phone-wrap{border-radius:28px;padding:8px;transform:translateY(6px);z-index:6}@media screen and (max-width:768px){.phone-img{width:100%}}.faq-hero:after,.faq-hero:before{pointer-events:none}.faq-left,.faq-right{position:relative;z-index:2}.faq-trigger{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:0;text-align:left;width:100%}.faq-trigger:focus-visible{border-radius:10px;outline:2px solid #2563eb99;outline-offset:6px}.dot-ring{background-image:radial-gradient(#e9dff8 .9px,#0000 0);background-size:18px 18px;border-radius:50%;height:520px;opacity:.28;pointer-events:none;position:absolute;width:520px;z-index:1}:root[data-theme=dark] .dot-ring{opacity:.16}.left-ring{left:-260px;top:40px;transform:translateX(-10%) scale(1)}.right-ring{opacity:.22;right:-140px;top:20px;transform:translateX(6%) scale(1)}.left-ring,.right-ring{filter:blur(.3px)}@media (max-width:1100px){.membership-section{gap:20px;padding:48px 20px}.faq-title{font-size:44px}.faq-right{flex:0 0 360px;height:520px}.dot-ring{height:440px;width:440px}}@media (max-width:880px){.membership-section{padding:36px 18px}.membership-left,.membership-right{flex:1 1 100%;max-width:100%;padding:6px 8px}.membership-right{align-items:center;flex-direction:column;justify-content:center;min-height:auto;position:relative}.card{margin:12px auto;max-width:380px;opacity:1;position:relative;transform:translateY(0) scale(1);width:100%}.features-list-full{padding:14px}.faq-hero{flex-direction:column;gap:28px;padding:36px 18px 64px}.faq-left,.faq-right{max-width:900px;min-width:0;width:100%}.faq-right{height:auto;order:2;padding-bottom:8px}.phone-wrap{margin:0 auto;width:320px}.left-ring{left:-160px;top:-40px}.left-ring,.right-ring{height:360px;width:360px}.right-ring{right:-120px;top:120px}.faq-title{font-size:35px}.faq-question{font-size:22px}.faq-answer p{font-size:18px}}@media (max-width:520px){.membership-section{gap:16px;padding:28px 14px}.membership-left h2{font-size:28px}.features-list,.membership-intro{font-size:14px}.faq-title{font-size:30px}.phone-wrap{width:260px}.card{border-radius:12px;padding:18px}.faq-item{padding:14px 16px}.faq-question{font-size:16px}.faq-answer p{font-size:14px}}@media (min-width:350px) and (max-width:880px){.membership-section{box-sizing:border-box;display:flex;flex-direction:column;gap:18px;padding:36px 18px}.membership-left,.membership-right{box-sizing:border-box;flex:1 1 100%;max-width:100%;padding:6px 8px}.membership-right{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;position:relative}.card{background:var(--bg-card);border-radius:12px;box-shadow:0 8px 30px #00000014;box-sizing:border-box;left:auto!important;margin:12px auto;max-width:640px;padding:18px;right:auto!important;text-align:center;top:auto!important;width:100%!important}.card,.card1,.card2,.card3,.membership-right.show-all .card1,.membership-right.show-all .card2,.membership-right.show-all .card3{opacity:1!important;position:relative!important;transform:none!important;z-index:auto!important}.tag{position:absolute;right:14px;top:-8px;transform:none}.features-list-full{margin-top:14px;padding:14px;width:100%}.faq-hero{flex-direction:column;gap:22px;padding:28px 16px 36px}.faq-right{height:auto;order:2;padding-bottom:8px}.phone-wrap{margin:0 auto;width:min(86vw,320px)}.left-ring,.right-ring{height:360px;opacity:.18;width:360px}}@media (max-width:349px){.membership-section{gap:12px;padding:18px 12px}.card{border-radius:10px;max-width:540px;padding:14px}.membership-left h2{font-size:22px}.features-list,.membership-intro{font-size:13px}.toggle button{font-size:14px;min-height:40px;padding:10px}.phone-wrap{width:260px}.dot-ring{display:none}}.faq-hero{overflow:hidden;position:relative}@media screen and (max-width:1024px){.faq-hero:before{display:none}.family-text h1{font-size:30px}.family-text p{font-size:20px;line-height:30px}.family-images img{height:150px;width:150px}.family-images.stair .card-2{transform:translate(70px,80px)}.family-images.stair .card-3{transform:translate(150px,170px)}.family-images.stair .card-4{transform:translate(220px,260px)}.family-images.stair .card-5{transform:translate(290px,360px)}}.membershipRing{aspect-ratio:1/1;left:-7%;pointer-events:none;position:absolute;top:55%;transform:translate(calc(-50% + var(--ring-shift-x)),calc(-50% + var(--ring-shift-y)));width:var(--ring-size);z-index:0}.membershipRing-img{animation:ring-spin 36s linear infinite;display:block;filter:drop-shadow(0 8px 30px rgba(63,0,255,.06));height:100%;object-fit:contain;opacity:var(--ring-opacity);transform-origin:50% 50%;width:100%}@keyframes ring-spin{0%{transform:rotate(0deg) scale(var(--ring-scale))}to{transform:rotate(1turn) scale(var(--ring-scale))}}@media (max-width:880px){.mtf-wrapper{--ring-size:clamp(280px,62vw,520px);--ring-shift-x:clamp(0px,4vw,24px);--ring-shift-y:clamp(-10px,-2vw,10px);--ring-opacity:0.18}}@media (max-width:520px){.mtf-wrapper{--ring-size:clamp(220px,70vw,360px);--ring-shift-x:0px;--ring-shift-y:0px;--ring-opacity:0.14}}@media (max-width:360px){.membershipRing{display:none}}@media (prefers-reduced-motion:reduce){.membershipRing-img{animation:none!important}}.membership-right.show-all .card1{border:1px solid #ef4444;transform:translate(-200px,25px) scale(.92) rotate(-4deg)}.membership-right.show-all .card2{border:1px solid #ef4444;height:16rem;transform:translateY(0) scale(.92)}.membership-right.show-all .card3{border:1px solid #ef4444;transform:translate(200px,25px) scale(.92) rotate(5deg)}.features-list-full{margin-top:18px;padding:14px}.pricing-compare-wrap{margin-top:20px;padding:32px 20px 56px}.features-heading,.features-list{transition:opacity .2s linear,transform .2s ease,filter .2s linear;will-change:transform,opacity,filter}.contact-section{background:linear-gradient(90deg,#fff 0,#f0f0ff 50%,#fdfeff);background:linear-gradient(to right,var(--bg-main,#fff) 0,var(--bg-secondary,#f0f0ff) 50%,var(--bg-main,#fdfeff) 100%);box-sizing:border-box;display:flex;justify-content:center;padding:48px 20px;width:100%}:root[data-theme=dark] .contact-section{background:radial-gradient(1200px 900px at 50% 0,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .contact-heading h2,:root[data-theme=dark] .contact-heading h4{color:#fff}.contact-inner{grid-gap:40px;align-items:start;box-sizing:border-box;display:grid;gap:40px;grid-template-columns:1fr 1fr;max-width:1100px;position:relative;width:100%}.contact-left{align-items:flex-start;display:flex;justify-content:flex-start}.image-card{border:2px solid #22222208;border-radius:12px;border-radius:14px;box-shadow:0 20px 50px #11182714;max-width:480px;overflow:hidden;width:100%}:root[data-theme=dark] .image-card{border-color:#0f172ad9;box-shadow:0 26px 60px #000000bf}.hero-img{border-radius:8px;display:block;height:auto;object-fit:cover;transform:translateZ(0);width:100%}.contact-right{padding-bottom:24px;position:relative}.contact-heading h2{color:#0b0b0b;color:var(--text-primary,#0b0b0b);font:normal normal 700 45px/62px Manrope;margin:0 0 50px}.contact-heading h4{color:#111;color:var(--text-primary,#111);font:normal normal 700 35px/33px Manrope;margin:0 0 22px}.contact-form{display:flex;flex-direction:column;gap:16px;width:100%}.row{display:block}.two-cols{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.field{background:#fbf9fc;border:1px solid #10101008;border-radius:28px;box-sizing:border-box;display:block;overflow:hidden;padding:14px 20px;position:relative;transition:box-shadow .18s ease,transform .15s ease,background .18s ease,border-color .18s ease}:root[data-theme=dark] .field{background:#0f172aeb;border-color:#94a3b859;box-shadow:0 14px 40px #000000a6}.field.full{width:100%}.field input,.field textarea{background:#0000;border:none;box-sizing:border-box;color:#111;color:var(--text-primary,#111);font:normal normal normal 22px/30px Manrope;outline:none;padding:6px 0 2px;resize:vertical;width:100%}.placeholder{color:#8b8b90;font-size:15px;left:22px;pointer-events:none;position:absolute;top:14px;transition:transform .18s ease,font-size .18s ease,top .18s ease,color .18s ease}:root[data-theme=dark] .placeholder{color:#9ca3af}.field input:focus+.placeholder,.field input:not(:placeholder-shown)+.placeholder,.field textarea:focus+.placeholder,.field textarea:not(:placeholder-shown)+.placeholder{color:#6b6b70;font-size:13px;top:8px;transform:translateY(-8px)}:root[data-theme=dark] .field input:focus+.placeholder,:root[data-theme=dark] .field input:not(:placeholder-shown)+.placeholder,:root[data-theme=dark] .field textarea:focus+.placeholder,:root[data-theme=dark] .field textarea:not(:placeholder-shown)+.placeholder{color:#e5e7eb}.textarea-field{border-radius:26px;min-height:120px;padding:18px 22px}.textarea-field textarea{font-size:15px;line-height:1.5;padding-top:6px}.submit-row{display:flex;justify-content:flex-start;margin-top:8px}.submit-btn{background:linear-gradient(90deg,#007bff,#0a84ff);border:none;border-radius:999px;box-shadow:0 12px 30px #0a84ff2e;color:#fff;cursor:pointer;font-size:18px;font:normal normal normal 32px/30px Manrope;height:80px;padding:18px 64px;transition:transform .16s ease,box-shadow .16s ease;width:100%}.submit-btn:hover{box-shadow:0 18px 36px #0a84ff38;transform:translateY(-3px)}.decor-dot-ring{background-image:radial-gradient(#e9dff8 1px,#0000 0);background-size:14px 14px;border-radius:50%;bottom:-60px;filter:blur(.2px);height:220px;left:-80px;opacity:.22;pointer-events:none;position:absolute;transform:rotate(0deg);width:420px;z-index:0}:root[data-theme=dark] .decor-dot-ring{background-image:radial-gradient(#1f2937 1px,#0000 0);opacity:.18}.contact-right .decor-dot-ring{z-index:1}.contact-right .contact-form{position:relative;z-index:2}@media (max-width:980px){.contact-inner{gap:28px;grid-template-columns:1fr}.image-card{margin:0 auto;max-width:100%;width:100%}.two-cols{grid-template-columns:1fr}.submit-btn{height:auto;min-width:220px;width:100%}.decor-dot-ring{bottom:-40px;height:180px;left:10%;width:340px}}@media (max-width:520px){.contact-inner{gap:20px;padding:16px}.contact-heading h2{font-size:22px}.contact-heading h4{font-size:16px;margin-bottom:12px}.submit-btn{min-width:0;padding:14px 18px;width:100%}.decor-dot-ring{display:none}.field{border-radius:18px;padding:12px 16px}.textarea-field{min-height:96px}}.contact-innerhero{overflow:hidden;position:relative}.contact-inner:before{animation:spinBg 40s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:57%;content:"";height:100%;left:0;position:absolute;top:100px;transform-origin:center center;width:100%;z-index:0}:root[data-theme=dark] .contact-inner:before{filter:brightness(.8) contrast(1.1);opacity:.12}@media screen and (max-width:500px){.contact-inner:before{display:none}}@keyframes spinBg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-card.gallery{--g:4px;--size:100%;--p1:calc(var(--g)*-1);--p2:calc(var(--g)*-1);animation:galleryAuto 7.2s ease-in-out infinite;border-radius:22px;-webkit-clip-path:inset(1px);clip-path:inset(1px);display:grid;overflow:hidden;place-items:center;position:relative}@property --p1{syntax:"<length-percentage>";inherits:true;initial-value:0}@property --p2{syntax:"<length-percentage>";inherits:true;initial-value:0}.image-card.gallery>img{border-radius:22px;cursor:pointer;grid-area:1/1;height:100%;object-fit:cover;transition:.35s;width:var(--size)}.image-card.gallery>img:first-child{-webkit-clip-path:polygon(0 0,calc(100% + var(--p1)) 0,0 calc(100% + var(--p1)));clip-path:polygon(0 0,calc(100% + var(--p1)) 0,0 calc(100% + var(--p1)))}.image-card.gallery>img:last-child{-webkit-clip-path:polygon(100% 100%,100% calc(0% - var(--p2)),calc(0% - var(--p2)) 100%);clip-path:polygon(100% 100%,100% calc(0% - var(--p2)),calc(0% - var(--p2)) 100%)}@keyframes galleryAuto{0%,to{--p1:calc(var(--g)*-1);--p2:calc(var(--g)*-1)}50%{--p1:calc(-50% - var(--g));--p2:calc(50% - var(--g))}}.image-card.gallery:hover{animation:none}.image-card.gallery:hover>img:first-child:hover,.image-card.gallery:hover>img:last-child{--p2:calc(50% - var(--g));--p1:calc(50% - var(--g))}.image-card.gallery:hover>img:first-child,.image-card.gallery:hover>img:first-child:hover+img{--p1:calc(-50% - var(--g));--p2:calc(-50% - var(--g))}@media (prefers-reduced-motion:reduce){.image-card.gallery{animation:none}}.immortality-login-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh;overflow:hidden;width:100vw}.left-section{background:linear-gradient(135deg,#e8e6ff,#f0efff);display:flex;flex:1 1;flex-direction:column;padding:calc(24px + env(safe-area-inset-top, 0)) 40px 40px;position:relative}.brand-header{margin-bottom:60px}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin:0}.decorative-sphere-container{aspect-ratio:1;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(160px,28vw,350px)}.decorative-sphere-container:before{animation:loginRingSpin 36s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:102% 102%;content:"";inset:0;opacity:.9;pointer-events:none;position:absolute;z-index:0}@keyframes loginRingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-sphere{background:radial-gradient(60% 60% at 40% 35%,#fff3,#ffffff0d);border-radius:50%;display:grid;height:100%;left:50%;overflow:hidden;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.main-sphere img.ims-gif{height:100%;object-fit:cover;width:100%}.inner-sphere{inset:7%}.inner-sphere,.sphere-highlight{border-radius:50%;pointer-events:none;position:absolute}.sphere-highlight{background:linear-gradient(135deg,#fff6,#ffffff1a);filter:blur(14px);height:28%;left:28%;top:22%;width:28%}.dotted-pattern{display:none}.right-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:64px 56px}.form-container{max-width:400px;width:100%}.welcome-title{color:#1f2937;font-size:2.5rem;font-weight:600}.welcome-subtitle{font-size:1rem;line-height:1.5;margin:0 0 40px}.input-group{margin-bottom:24px}.input-label{color:#374151;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.input-field{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:1rem;padding:14px 16px;transition:all .2s ease;width:100%}.input-field:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.input-field::placeholder{color:#9ca3af}.input-field:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.terms-link{margin:20px 0 32px}.terms-text{color:#3b82f6;font-size:.9rem;font-weight:500;text-decoration:none}.terms-text:hover{text-decoration:underline}.login-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:16px;padding:16px;transition:all .2s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.signup-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:16px;transition:all .2s ease;width:100%}.signup-btn:hover{background:#2563eb;transform:translateY(-1px)}.signup-text{font-weight:600;text-decoration:underline}.error-message{border-radius:6px;font-size:.9rem}@media (max-width:1024px){.right-section{padding:48px 40px}}@media (max-width:900px){.immortality-login-container{flex-direction:column;overflow:auto}.left-section{min-height:240px;padding:24px 24px 20px}.brand-title{font-size:1.8rem}.right-section{min-height:calc(100dvh - 240px);padding:32px 24px}}@media (max-width:640px){.left-section{min-height:220px;padding:16px 16px 14px}.decorative-sphere-container{width:clamp(140px,48vw,200px)}.decorative-sphere-container:before{background-size:96% 96%}.main-sphere{height:82%;width:82%}.right-section{padding:24px 16px}.brand-title{font-size:1.5rem}.welcome-title{font-size:1.8rem}}@media (max-height:640px),(max-width:360px){.left-section{min-height:200px}.decorative-sphere-container{width:clamp(130px,52vw,180px)}.decorative-sphere-container:before{background-size:92% 92%}.right-section{padding:20px 14px}}.form-actions{flex-direction:column;gap:12px;margin-bottom:16px}.input-hint{font-size:.85rem;margin-top:6px}.change-credentials-btn{background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;transition:all .2s ease;width:100%}.change-credentials-btn:hover:not(:disabled){background:#f9fafb;border-color:#7c3aed;color:#7c3aed}.change-credentials-btn:disabled{cursor:not-allowed;opacity:.5}.otp-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1}.otp-info strong{font-weight:600}@media (max-width:640px){.form-actions{gap:10px}.change-credentials-btn{font-size:.9rem;padding:10px}}.info-message{background:#eef7ff;border:1px solid #cfe2ff;border-radius:8px;color:#0b5ed7;font-size:.92rem;margin-bottom:12px;padding:10px 12px}.resend-row{align-items:center;display:flex;gap:6px;margin-top:8px}.resend-text{color:#2563eb;font-size:.95rem}.resend-text:hover{color:#2201f6}.resend-wait{color:#6b7280;font-size:.95rem}.resend-link{background:none;border:none;color:#2563eb;cursor:pointer;font:inherit;margin:0;padding:0;text-decoration:underline}.resend-link:hover{color:#2201f6}.resend-link:disabled{cursor:not-allowed;opacity:.7}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input{padding-right:40px}.password-eye-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;position:absolute;right:12px}.forgot-password-row{display:flex;justify-content:space-between;margin-top:6px;text-align:right}.forgot-password-link{background:none;border:none;color:#6366f1;cursor:pointer;font-size:12px;padding:0}.forgot-password-link:disabled{cursor:default;opacity:.6}.google-login-wrap{flex-direction:column;margin-bottom:16px}.google-login-wrap,.or-divider{align-items:center;display:flex}.or-divider{gap:12px;margin:12px 0 0;opacity:.8;width:100%}.or-divider:after,.or-divider:before{background:#e6e6e6;content:"";flex:1 1;height:1px}.or-divider span{color:#666;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.apple-auth-btn{align-items:center;background:#000;border:1px solid #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;height:48px;justify-content:center;letter-spacing:.2px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:100%}.apple-auth-btn:hover:not(:disabled){box-shadow:0 10px 22px #0000002e;transform:translateY(-1px)}.apple-auth-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.apple-auth-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.apple-auth-icon{font-size:18px;line-height:1;margin-top:-1px}.apple-auth-text{line-height:1}.login-auth-stack{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-auth-wrap{display:flex;justify-content:center;max-width:100%;width:360px}.login-google-slot{display:flex;justify-content:center;width:100%}.ims-signup-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100vw}.ims-left{background:linear-gradient(135deg,#e8e6ff,#f0efff);display:flex;flex:1 1;flex-direction:column;padding:40px;position:relative}.ims-brand-header{margin-bottom:60px}.ims-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin:0}.ims-sphere-container{height:450px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:450px}.ims-sphere-container:before{animation:ringSpin 36s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:82% 82%;content:"";inset:0;opacity:.9;pointer-events:none;position:absolute;z-index:0}.ims-main-sphere{background:radial-gradient(60% 60% at 40% 35%,#fff3,#ffffff0d);border-radius:50%;display:grid;height:280px;left:50%;overflow:hidden;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px;z-index:1}.ims-main-sphere img.ims-gif{display:block;height:126%;object-fit:cover;width:100%}.ims-inner-sphere{border-radius:50%;inset:20px;pointer-events:none;position:absolute}.ims-sphere-highlight{background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:50%;filter:blur(20px);height:80px;left:40px;position:absolute;top:30px;width:80px}.ims-right{align-items:flex-start;background:#fff;display:flex;flex:1 1;justify-content:center;min-height:100vh;overflow-y:auto;padding:40px 60px}.ims-form{max-width:720px;padding-top:40px;width:100%}.ims-title{color:#1f2937;font-size:2.2rem;font-weight:600;margin:0 0 8px}.ims-sub{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 40px}.ims-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.ims-options{display:flex;flex-direction:column;gap:20px}.ims-google-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:center;padding:14px 16px;transition:all .2s ease;width:100%}.ims-google-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.ims-google-btn:disabled{cursor:not-allowed;opacity:.6}.ims-google-icon{flex-shrink:0;height:20px;width:20px}.ims-divider{color:#6b7280;font-size:.9rem;position:relative;text-align:center}.ims-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.ims-divider span{background:#fff;padding:0 16px;position:relative}.ims-manual-btn{background:#f8f9fa;border:1px solid #6b7280;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:12px;padding:14px 16px;transition:all .2s ease;width:100%}.ims-manual-btn:hover:not(:disabled){background:#e9ecef;border-color:#495057;color:#495057}.ims-back-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 0;text-align:left;transition:color .2s ease}.ims-back-btn:hover:not(:disabled){color:#374151}.ims-back-btn:before{content:"←";font-size:1.1rem}.ims-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.ims-group{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.ims-full{grid-column:1/-1}.ims-label{color:#374151;font-size:.85rem;font-weight:500;margin-bottom:2px;white-space:nowrap}.ims-input,.ims-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.9rem;min-height:44px;padding:12px 14px;transition:all .2s ease;width:100%}.ims-input:focus,.ims-select:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.ims-input::placeholder{color:#9ca3af;font-size:.9rem}.ims-input:disabled,.ims-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.ims-input[type=date]{color:#6b7280;font-family:inherit}.ims-input[type=date]:focus{color:#1f2937}.ims-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath stroke='%237c3aed' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:40px}.ims-terms{margin:20px 0;text-align:right}.ims-terms-link{color:#3b82f6;font-size:.9rem;font-weight:500;text-decoration:none}.ims-terms-link:hover{text-decoration:underline}.ims-submit{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.ims-submit:hover:not(:disabled){box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-1px)}.ims-submit:disabled{cursor:not-allowed;opacity:.6}.ims-otp{margin:20px 0}.ims-otp-input{font-size:1.1rem;font-weight:600;letter-spacing:2px;text-align:center}.ims-login-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:16px;transition:all .2s ease;width:100%}.ims-login-btn:hover{background:#2563eb;transform:translateY(-1px)}.ims-login-text{font-weight:600;text-decoration:underline}@media (max-width:1024px){.ims-right{padding:30px 40px}.ims-form{max-width:500px}}@media (max-width:968px){.ims-signup-container{flex-direction:column}.ims-left{height:200px;padding:30px}.ims-sphere-container{height:200px;width:200px}.ims-main-sphere{height:160px;width:160px}.ims-inner-sphere{height:120px;width:120px}.ims-brand-title{font-size:1.8rem}.ims-right{min-height:calc(100vh - 200px);padding:30px}.ims-title{font-size:1.8rem}.ims-grid{gap:16px;grid-template-columns:1fr}.ims-full{grid-column:1}}@media (max-width:640px){.ims-left,.ims-right{padding:20px}.ims-left{height:150px}.ims-sphere-container{height:120px;width:120px}.ims-main-sphere{height:100px;width:100px}.ims-inner-sphere{height:80px;width:80px}.ims-brand-title{font-size:1.5rem}.ims-title{font-size:1.6rem}.ims-form{padding-top:20px}}.ims-social-divider{color:#6b7280;font-size:.9rem;margin:18px 0 14px;position:relative;text-align:center}.ims-social-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.ims-social-divider span{background:#fff;padding:0 16px;position:relative}.ims-auth-stack{align-items:center;display:flex;gap:12px}.ims-auth-btn-wrap{display:flex;justify-content:center;max-width:100%;width:360px}.ims-google-btn-slot{display:flex;justify-content:center;width:100%}.ims-apple-btn{align-items:center;background:#000;border:1px solid #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;height:48px;justify-content:center;letter-spacing:.2px;max-width:100%;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:360px}.ims-apple-btn:hover:not(:disabled){box-shadow:0 10px 22px #0000002e;transform:translateY(-1px)}.ims-apple-btn:disabled{cursor:not-allowed;opacity:.6}.apple-fa{color:#fff;display:inline-block;font-size:18px;line-height:1;margin-top:-1px}.ims-btn-flex{display:flex;gap:12px}.otp-verification-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100vw}.otp-left{background:linear-gradient(135deg,#e8e6ff,#f0efff);display:flex;flex:1 1;flex-direction:column;padding:40px;position:relative}.otp-brand-header{margin-bottom:60px}.otp-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin:0}.otp-sphere-container{height:450px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:450px}.otp-sphere-container:before{animation:ringSpin 36s linear infinite;background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png);background-position:50%;background-repeat:no-repeat;background-size:82% 82%;content:"";inset:0;opacity:.9;pointer-events:none;position:absolute;z-index:0}.otp-main-sphere{background:radial-gradient(60% 60% at 40% 35%,#fff3,#ffffff0d);border-radius:50%;display:grid;height:350px;left:50%;overflow:hidden;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1}.otp-main-sphere img.ims-gif{display:block;height:100%;object-fit:cover;width:100%}.otp-inner-sphere{border-radius:50%;inset:20px;pointer-events:none;position:absolute}.otp-sphere-highlight{background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:50%;filter:blur(20px);height:80px;left:40px;position:absolute;top:30px;width:80px}@keyframes ringSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.otp-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px 60px}.otp-form{max-width:500px;width:100%}.otp-title{color:#1f2937;font-size:2.2rem;font-weight:600;margin:0 0 8px}.otp-sub{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 40px}.otp-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.otp-error,.otp-info{font-size:.9rem;margin-bottom:20px;padding:12px 16px}.otp-info{background:#eef7ff;border:1px solid #cfe2ff;border-radius:6px;color:#0b5ed7}.otp-verification-section{display:flex;flex-direction:column;gap:24px}.otp-phone-info{margin-bottom:8px}.otp-info-text{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0;text-align:start}.otp-input-section{display:flex;flex-direction:column;gap:16px}.otp-label{color:#374151;font-size:.85rem;font-weight:500;margin-bottom:2px;text-align:left}.otp-single-input-container{display:flex;justify-content:start;margin-bottom:8px}.otp-single-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.9rem;font-weight:500;letter-spacing:4px;padding:14px 16px;text-align:center;transition:all .2s ease;width:100%}.otp-single-input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.otp-single-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.otp-single-input::placeholder{color:#9ca3af;font-size:1.1rem;letter-spacing:2px}.otp-submit-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:16px;transition:all .2s ease;width:100%}.otp-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-1px)}.otp-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.otp-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px;text-align:center}.otp-resend-row{align-items:center;display:flex;gap:6px;margin-top:4px}.otp-resend-text,.otp-resend-wait{color:#6b7280;font-size:.95rem}.otp-resend-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 0;text-align:start;text-decoration:underline}.otp-resend-btn:hover:not(:disabled){color:#2563eb}.otp-resend-btn:disabled{cursor:not-allowed;opacity:.5}.otp-back-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 0;text-align:start;transition:color .2s ease}.otp-back-btn:hover:not(:disabled){color:#374151}.otp-back-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.otp-right{padding:30px 40px}.otp-form{max-width:450px}}@media (max-width:968px){.otp-verification-container{flex-direction:column}.otp-left{height:200px;padding:30px}.otp-sphere-container{height:200px;width:200px}.otp-main-sphere{height:160px;width:160px}.otp-inner-sphere{inset:20px}.otp-brand-title{font-size:1.8rem}.otp-right{min-height:calc(100vh - 200px);padding:30px}.otp-title{font-size:1.8rem}}@media (max-width:640px){.otp-left,.otp-right{padding:20px}.otp-left{height:150px}.otp-sphere-container{height:120px;width:120px}.otp-main-sphere{height:100px;width:100px}.otp-inner-sphere{inset:10px}.otp-brand-title{font-size:1.5rem}.otp-title{font-size:1.6rem}.otp-single-input{max-width:300px}}@media (prefers-reduced-motion:reduce){.otp-sphere-container:before{animation:none}}.dob-picker{display:flex;flex-direction:column;gap:6px;position:relative;width:100%}.dob-label{color:#374151;font-size:.9rem;font-weight:600}.dob-display{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.dob-display:hover{border-color:#6366f1;box-shadow:0 0 0 1px #6366f166}.dob-display-disabled{cursor:not-allowed;opacity:.6}.dob-placeholder{color:#9ca3af}.dob-calendar-icon{font-size:1rem;margin-left:8px}.dob-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 45px #00000014;left:0;margin-top:6px;padding:10px 10px 12px;position:absolute;top:100%;width:280px;z-index:50}.dob-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dob-month-year{align-items:center;display:flex;gap:6px}.dob-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;font-size:.8rem;outline:none;padding:4px 8px}.dob-select:focus{border-color:#6366f1}.dob-nav-btn{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:background .15s ease;width:28px}.dob-nav-btn:hover{background:#f3f4f6}.dob-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dob-weekday{color:#9ca3af;font-size:.7rem;font-weight:600;text-align:center}.dob-days-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.dob-day{background:#fff;border:none;border-radius:999px;cursor:pointer;font-size:.8rem;padding:6px 0;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.dob-day:hover{background:#eef2ff}.dob-day.selected{background:#6366f1;box-shadow:0 0 0 2px #6366f166;color:#fff}.dob-day.future{color:#d1d5db;cursor:not-allowed}.dob-day.empty{background:#0000;cursor:default}.dob-today-row{display:flex;justify-content:flex-end;margin:6px 0 4px}.dob-today-btn{background:#4c6fff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:.2s}.dob-today-btn:hover{background:#3957e8}:root[data-theme=dark] .dob-label{color:#e5e7eb}:root[data-theme=dark] .dob-display{background:#020617;border-color:#1f2937;box-shadow:0 0 0 1px #020617;color:#e5e7eb}:root[data-theme=dark] .dob-display:hover{background:#020617;border-color:#6366f1;box-shadow:0 0 0 1px #6366f18c}:root[data-theme=dark] .dob-placeholder{color:#6b7280}:root[data-theme=dark] .dob-calendar-icon{color:#9ca3af}:root[data-theme=dark] .dob-calendar{background:#020617;border-color:#1f2937;box-shadow:0 24px 60px #000000e6}:root[data-theme=dark] .dob-select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .dob-select:focus{border-color:#6366f1}:root[data-theme=dark] .dob-nav-btn{color:#e5e7eb}:root[data-theme=dark] .dob-nav-btn:hover{background:#111827}:root[data-theme=dark] .dob-weekday{color:#6b7280}:root[data-theme=dark] .dob-day{background:#020617;color:#e5e7eb}:root[data-theme=dark] .dob-day:hover{background:#111827}:root[data-theme=dark] .dob-day.selected{background:#4f46e5;box-shadow:0 0 0 2px #4f46e599;color:#f9fafb}:root[data-theme=dark] .dob-day.future{color:#4b5563}:root[data-theme=dark] .dob-day.empty{background:#0000}:root[data-theme=dark] .dob-today-btn{background:#4f46e5;color:#f9fafb}:root[data-theme=dark] .dob-today-btn:hover{background:#4338ca}.profile-page{background:#f3f4f6;min-height:100vh;padding:18px 12px 40px}.profile-shell{margin:0 auto;max-width:1180px}.profile-page *{box-sizing:border-box}.profile-topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #0f172a14;border-radius:16px;box-shadow:0 6px 24px #0f172a0f;display:flex;gap:14px;margin-bottom:14px;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.profile-back{align-items:center;background:#fff;border:1px solid #0f172a1f;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;padding:10px 14px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.profile-back:hover{background:#f8fafc;border-color:#0f172a2e;transform:translateY(-1px)}.profile-topbar-title .t1{color:#0f172a;font-size:16px;font-weight:900;line-height:1.1}.profile-topbar-title .t2{color:#64748b;font-size:12px;font-weight:800;margin-top:2px}.profile-topbar-spacer{flex:1 1}.profile-alert{border:1px solid #0000;border-radius:14px;font-weight:900;margin:12px 0;padding:12px 14px}.profile-alert.error{background:#ef444414;border-color:#ef44442e;color:#b91c1c}.profile-alert.success{background:#22c55e14;border-color:#22c55e2e;color:#166534}.profile-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.profile-col{display:flex;flex-direction:column;gap:14px;min-width:0}.profile-col-right{align-self:start;position:-webkit-sticky;position:sticky;top:86px}.profile-block{background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 10px 28px #0f172a0f;overflow:hidden}.profile-block>*{min-height:0;min-height:auto}.block-head{border-bottom:1px solid #0f172a0f;padding:16px 18px 12px}.block-title{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:900;gap:10px}.block-sub{color:#64748b;font-size:12px;font-weight:800;margin-top:6px}.block-icon{align-items:center;background:#4f46e51f;border-radius:12px;color:#4f46e5;display:inline-flex;height:34px;justify-content:center;width:34px}.block-icon svg{height:18px;width:18px}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px 18px}.form-grid.onecol{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group.full-width{grid-column:1/-1}.form-group label{color:#334155;font-size:12px;font-weight:900;letter-spacing:.2px}.form-input,.form-textarea,select.form-input{background:#fff;border:1px solid #0f172a24;border-radius:14px;color:#0f172a;font-size:14px;font-weight:700;outline:none;padding:11px 12px;transition:box-shadow .12s ease,border-color .12s ease}.form-textarea{min-height:88px;resize:vertical}.form-input:focus,.form-textarea:focus,select.form-input:focus{border-color:#4f46e58c;box-shadow:0 0 0 4px #4f46e51f}.form-display{align-items:center;background:#0f172a08;border:1px dashed #0f172a29;border-radius:14px;color:#0f172a;display:flex;font-size:14px;font-weight:800;min-height:44px;min-width:0;overflow:hidden;padding:11px 12px;text-overflow:ellipsis}.form-display.chip{background:#4f46e514;border-color:#4f46e533;border-style:solid;color:#3730a3;padding:8px 12px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.age-display{color:#64748b;font-size:12px;font-weight:900;margin-left:8px}.mini-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px 18px 18px}.mini-card{background:#0f172a05;border:1px solid #0f172a14;border-radius:16px;padding:12px}.mini-card .k{color:#64748b;font-size:12px;font-weight:900}.mini-card .v{color:#0f172a;font-size:14px;font-weight:900;margin-top:6px;word-break:break-word}.members-box{padding:0 18px 18px}.members-title{color:#334155;font-size:12px;font-weight:900;letter-spacing:.2px;margin:10px 0;text-transform:uppercase}.members-preview-grid{border:1px solid #0f172a14;border-radius:16px;overflow:hidden}.member-item{background:#fff;border-bottom:1px solid #0f172a0f;display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.member-item:last-child{border-bottom:none}.member-name{color:#0f172a;font-weight:900}.member-role{color:#64748b;font-weight:900}.account-actions{padding:10px 18px 18px}.action-group h4{color:#0f172a;font-size:14px;font-weight:900;margin:0 0 10px}.action-group.danger h4{color:#b91c1c}.action-button{align-items:center;background:#fff;border:1px solid #0f172a24;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;padding:10px 16px}.action-button.danger{border-color:#ef444447;color:#b91c1c}.action-button.danger:hover{background:#ef444414}.profile-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:70vh;justify-content:center}.loading-spinner{animation:profileSpin 1s linear infinite;border:3px solid #0f172a1f;border-top-color:#0a66c2}@keyframes profileSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:980px){.profile-grid{grid-template-columns:1fr}.profile-col-right{position:static}.mini-cards{grid-template-columns:1fr 1fr}}@media (max-width:560px){.form-grid,.mini-cards{grid-template-columns:1fr}}:root[data-theme=dark] .profile-page{background:#0b0f14}:root[data-theme=dark] .profile-topbar{background:#111827bf;border-color:#94a3b826;box-shadow:0 10px 28px #00000059}:root[data-theme=dark] .profile-back{background:#0f172a;border-color:#94a3b82e;color:#e5e7eb}:root[data-theme=dark] .profile-topbar-title .t1{color:#e5e7eb}:root[data-theme=dark] .profile-topbar-title .t2{color:#94a3b8}:root[data-theme=dark] .profile-block{background:#0f172a;border-color:#94a3b824;box-shadow:0 12px 30px #00000059}:root[data-theme=dark] .block-head{border-bottom-color:#94a3b81f}:root[data-theme=dark] .block-title{color:#e5e7eb}:root[data-theme=dark] .block-sub,:root[data-theme=dark] .form-group label,:root[data-theme=dark] .member-role,:root[data-theme=dark] .members-title,:root[data-theme=dark] .mini-card .k{color:#94a3b8}:root[data-theme=dark] .block-icon{background:#6366f12e;color:#a5b4fc}:root[data-theme=dark] .form-input,:root[data-theme=dark] .form-textarea,:root[data-theme=dark] select.form-input{background:#0b1220;border-color:#94a3b82e;color:#e5e7eb}:root[data-theme=dark] .form-display{background:#94a3b80f;border-color:#94a3b82e;color:#e5e7eb}:root[data-theme=dark] .form-display.chip{background:#6366f129;border-color:#a5b4fc40;color:#c7d2fe}:root[data-theme=dark] .mini-card{background:#94a3b80f;border-color:#94a3b829}:root[data-theme=dark] .member-name,:root[data-theme=dark] .mini-card .v{color:#e5e7eb}:root[data-theme=dark] .members-preview-grid{border-color:#94a3b829}:root[data-theme=dark] .member-item{background:#0b1220;border-bottom-color:#94a3b81f}:root[data-theme=dark] .action-button{background:#0b1220;border-color:#94a3b829;color:#e5e7eb}:root[data-theme=dark] .profile-alert.error{color:#fecaca}:root[data-theme=dark] .profile-alert.success{color:#bbf7d0}.profile-page .profile-card{background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 10px 28px #0f172a0f;overflow:hidden}.profile-page .profile-avatar-container,.profile-page .profile-avatar-section,.profile-page .profile-card{height:auto!important;min-height:0!important}.profile-page .profile-avatar-section{padding:18px}.profile-page .profile-avatar-container{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.profile-page .profile-avatar-wrapper{background:#fff;border:3px solid #0f172a1f;border-radius:999px;box-shadow:0 10px 24px #0f172a1f;flex-shrink:0;height:112px;overflow:hidden;position:relative;width:112px}.profile-page .profile-avatar,.profile-page .profile-avatar-image{height:100%;width:100%}.profile-page .profile-avatar-image{display:block;object-fit:cover}.profile-page .profile-avatar{align-items:center;background:radial-gradient(circle at 30% 20%,#6366f1,#0a66c2);color:#fff;display:flex;font-size:34px;font-weight:900;justify-content:center}.profile-page .avatar-overlay{border-radius:999px}.profile-page .profile-actions{display:flex;gap:10px;margin-top:0}.profile-page .cancel-button,.profile-page .edit-button,.profile-page .save-button{background:#fff;border:1px solid #0f172a24;border-radius:999px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:900;padding:10px 14px;transition:background .12s ease,transform .12s ease,border-color .12s ease}.profile-page .cancel-button:hover,.profile-page .edit-button:hover{background:#0f172a0a;transform:translateY(-1px)}.profile-page .save-button{background:#4f46e5;border-color:#4f46e559;color:#fff}.profile-page .save-button:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.profile-page .save-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.profile-page .profile-basic-info h2{color:#0f172a;font-size:22px;font-weight:900;margin:4px 0 2px}.profile-page .profile-headline{color:#334155;font-weight:800;margin:0 0 8px}.profile-page .profile-email{color:#2563eb;font-weight:800}.profile-page .profile-joined,.profile-page .profile-meta{color:#64748b;font-weight:800}.profile-stats{grid-gap:12px;background:#0f172a05;border-top:1px solid #0f172a0f;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 18px 18px}.stat-item-inline{background:#ffffffb3;border:1px solid #0f172a14;border-radius:14px;display:flex;flex-direction:column;min-height:64px;padding:12px 10px;text-align:center}.stat-item-inline,.stat-item-inline strong{align-items:center;gap:6px;justify-content:center}.stat-item-inline strong{color:#0f172a;display:inline-flex;font-size:15px;font-weight:900;line-height:1.1}.stat-item-inline span{color:#64748b;font-size:12px;font-weight:800;line-height:1.1}.stat-item-inline strong:first-child{letter-spacing:.2px}.delete-avatar-button{background:#fff;border:1px solid #d1d1d1;border-radius:14px;color:#5045e9;padding:6px;transition:.5s}.delete-avatar-button:hover{background:#f0f0f0;border-color:#b3b3b3}@media (max-width:560px){.profile-page .profile-avatar-container{align-items:flex-start;flex-direction:column}.profile-page .profile-actions{width:100%}.profile-page .profile-actions button{flex:1 1}}:root[data-theme=dark] .profile-page .profile-card{background:#0f172a;border-color:#94a3b824;box-shadow:0 12px 30px #00000059}:root[data-theme=dark] .profile-page .profile-avatar-wrapper{background:#0b1220;border-color:#94a3b82e}:root[data-theme=dark] .profile-page .profile-basic-info h2,:root[data-theme=dark] .profile-page .stat-item-inline strong{color:#e5e7eb}:root[data-theme=dark] .profile-page .profile-headline,:root[data-theme=dark] .profile-page .profile-joined,:root[data-theme=dark] .profile-page .profile-meta,:root[data-theme=dark] .profile-page .stat-item-inline span{color:#94a3b8}:root[data-theme=dark] .profile-page .profile-stats{background:#94a3b80f;border-top-color:#94a3b81f}:root[data-theme=dark] .profile-page .cancel-button,:root[data-theme=dark] .profile-page .edit-button{background:#0b1220;border-color:#94a3b829;color:#e5e7eb}:root[data-theme=dark] .profile-page .cancel-button:hover,:root[data-theme=dark] .profile-page .edit-button:hover{background:#94a3b814}:root[data-theme=dark] .profile-stats{background:#94a3b80f;border-top-color:#94a3b81f}:root[data-theme=dark] .stat-item-inline{background:#0b1220e6;border-color:#94a3b829}:root[data-theme=dark] .stat-item-inline strong{color:#e5e7eb}:root[data-theme=dark] .stat-item-inline span{color:#94a3b8}.profile-grid.onecol{grid-template-columns:1fr}.app-sidebar{background:#915afd;box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px;z-index:1001}.app-sidebar--expanded{width:280px}.app-sidebar__header{border-bottom:1px solid #ffffff1a;padding:16px}.app-sidebar__branding{align-items:center;cursor:pointer;display:flex;gap:12px;transition:all .3s ease}.app-sidebar__branding:hover{opacity:.9}.app-sidebar__avatar-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.app-sidebar__avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.app-sidebar--expanded .app-sidebar__avatar{font-size:20px;height:50px;width:50px}.app-sidebar__avatar:hover{transform:scale(1.05)}.app-sidebar__avatar-img{animation:sidebarAvatarFadeIn .3s ease;border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.app-sidebar__avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.app-sidebar--expanded .app-sidebar__avatar-initials{font-size:20px}.app-sidebar__username-mini{color:#fff;font-size:10px;font-weight:600;line-height:1.2;max-width:60px;opacity:1;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #0003;white-space:nowrap}.app-sidebar__user-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}.app-sidebar__title{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.app-sidebar__title,.app-sidebar__username-full{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__username-full{color:#ffffffe6;font-size:12px;margin:0}@keyframes sidebarAvatarFadeIn{0%{opacity:0}to{opacity:1}}.app-sidebar__navigation{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.app-sidebar__navigation::-webkit-scrollbar{width:4px}.app-sidebar__navigation::-webkit-scrollbar-track{background:#0000}.app-sidebar__navigation::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.app-sidebar__nav-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:16px;padding:16px 20px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.app-sidebar__nav-item:hover{background:#7d46ff;color:#fff;transform:translateX(2px)}.app-sidebar__nav-item--active{background:#fff;border-right:3px solid #8b5cf6;color:#8b5cf6}.app-sidebar__nav-item--active:before{background:#8b5cf6;border-radius:0 4px 4px 0;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.app-sidebar__nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.app-sidebar__nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__footer{border-top:1px solid #ffffff1a;padding:8px 0}.dashboard-layout{background:#f8fafc;display:flex;min-height:100vh}.app-sidebar__overlay{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#00000059;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .25s ease;z-index:1000}.app-sidebar__overlay.is-visible{opacity:1;pointer-events:auto}@media (max-width:768px){.app-sidebar{transform:translateX(-100%);width:280px}.app-sidebar--expanded{transform:translateX(0)}.dashboard-main{margin-left:0!important}.app-sidebar__avatar{font-size:14px;height:35px;width:35px}.app-sidebar__username-mini{font-size:9px;max-width:50px}.app-sidebar__overlay{left:0}}@media (max-width:480px){.dashboard-main{padding:16px}.app-sidebar__nav-item{padding:14px 16px}.app-sidebar__avatar{font-size:13px;height:32px;width:32px}.app-sidebar__username-mini{font-size:8px;max-width:45px}}.app-sidebar__nav-item:focus{outline:2px solid #ffffff80;outline-offset:-2px}.app-sidebar__avatar:focus{outline:2px solid #ffffff80;outline-offset:2px}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.ft-wrap{display:flex;flex-direction:column;gap:12px;width:100%}.ft-topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid #94a3b840;border-radius:14px;display:flex;gap:14px;justify-content:space-between;padding:12px 16px}.ft-title{color:#0f172a;font-size:16px;font-weight:800}.ft-actions{gap:12px}.ft-actions,.ft-toggle{align-items:center;display:flex}.ft-toggle{color:#475569;font-size:13px;gap:10px}.ft-toggle span.active{color:#0f172a;font-weight:700}.ft-switch{background:#0f172a14;border:1px solid #94a3b859;border-radius:999px;cursor:pointer;height:26px;position:relative;width:46px}.ft-switch:after{background:#fff;border-radius:999px;box-shadow:0 6px 16px #0f172a26;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .16s ease;width:20px}.ft-switch.on{background:#6366f140}.ft-switch.on:after{transform:translateX(20px)}.ft-refresh{background:#fffffff2;border:1px solid #94a3b859;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;height:34px;padding:0 12px}.ft-refresh:hover{background:#fff}.ft-state{color:#334155;font-size:14px;padding:12px 16px}.ft-error,.ft-state.ft-error{color:#b91c1c}.ft-canvas{background:radial-gradient(900px 500px at 15% 10%,#6366f11a,#0000 55%),radial-gradient(700px 420px at 85% 25%,#ec48991a,#0000 60%),#fff;border:1px solid #94a3b840;border-radius:18px;height:calc(100vh - 190px);min-height:560px;overflow:visible;overflow:hidden;width:100%}.ft-canvas .react-flow,.ft-canvas .react-flow__renderer{height:100%;width:100%}.ft-card{background:#ffffffe6;border:1px solid #94a3b859;border-radius:16px;box-shadow:0 14px 30px #0f172a1f;overflow:visible;width:230px}.ft-card-root{border-color:#6366f18c;box-shadow:0 18px 40px #6366f12e}.ft-card-body{align-items:center;display:flex;gap:12px;padding:12px}.ft-avatar{background:#fff;border:1px solid #94a3b859;border-radius:14px;object-fit:cover}.ft-meta{flex:1 1;min-width:0}.ft-name{color:#0f172a;font-size:14px;font-weight:800}.ft-name,.ft-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-sub{color:#64748b;font-size:12px;margin-top:2px}.ft-actions-node{position:relative}.ft-plus{background:#0f172a0a;border:1px solid #94a3b859;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:900;height:28px;width:28px}.ft-plus:hover{background:#0f172a14}.ft-menu{background:#fffffffa;border:1px solid #94a3b859;border-radius:14px;box-shadow:0 18px 40px #0f172a29;padding:8px;position:absolute;right:0;top:34px;width:175px;z-index:999}.ft-menu-item{background:#0000;border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:9px 10px;text-align:left;width:100%}.ft-menu-item:hover{background:#6366f11a}.ft-menu-item.danger:hover{background:#b91c1c14}.ft-menu-empty{color:#64748b;font-size:12px;padding:8px 10px}.ft-edge .react-flow__edge-path{stroke:#0f172a73;stroke-width:2.5}.ft-edge-spouse .react-flow__edge-path{stroke:#6366f18c;stroke-width:2.8}.ft-edge-parent .react-flow__edge-path{stroke:#0f172a66}.ft-modal-backdrop{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ft-modal{background:#fff;border:1px solid #94a3b859;border-radius:18px;box-shadow:0 24px 70px #0f172a4d;max-width:calc(100vw - 24px);overflow:hidden;width:520px}.ft-modal-head{align-items:center;border-bottom:1px solid #94a3b840;display:flex;justify-content:space-between;padding:12px 14px}.ft-modal-title{color:#0f172a;font-weight:900}.ft-x{background:#0000;border:none;color:#0f172a;cursor:pointer;font-size:16px}.ft-tabs{display:flex;gap:8px;padding:12px 14px 0}.ft-tab{background:#0f172a08;border:1px solid #94a3b859;border-radius:12px;color:#0f172a;cursor:pointer;font-weight:800;padding:8px 10px}.ft-tab.active{background:#6366f124;border-color:#6366f159}.ft-form{padding:12px 14px 14px}.ft-form label{color:#334155;display:block;font-size:12px;margin-bottom:10px}.ft-form input,.ft-form select{border:1px solid #94a3b873;border-radius:12px;margin-top:6px;outline:none;padding:10px 12px;width:100%}.ft-form input:focus,.ft-form select:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126}.ft-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.ft-btn{background:#fff;border:1px solid #94a3b873;border-radius:12px;color:#0f172a;cursor:pointer;font-weight:800;padding:10px 12px}.ft-btn-primary{background:#6366f1f2;border-color:#6366f1f2;color:#fff}.ft-btn-primary:disabled{cursor:not-allowed;opacity:.55}.ft-muted{color:#64748b;font-size:12px;padding:6px 0}.ft-search-results{margin-top:8px;max-height:220px;overflow:auto;padding-right:4px}.ft-user-row{background:#0f172a05;border:1px solid #94a3b84d;border-radius:14px;cursor:pointer;margin-bottom:8px;padding:10px 12px;text-align:left;width:100%}.ft-user-row.active{background:#6366f11a;border-color:#6366f18c}.ft-user-name{color:#0f172a;font-weight:900}.ft-user-sub{color:#64748b;font-size:12px;margin-top:2px}.ft-canvas{position:relative}.ft-canvas .react-flow__edge,.ft-canvas .react-flow__edges{z-index:1!important}.ft-canvas .react-flow__edge-path{pointer-events:stroke}.ft-canvas .react-flow__node,.ft-canvas .react-flow__nodes{z-index:5!important}.ft-card{background:#fff!important;border-radius:10px;position:relative;z-index:5}.ft-card.square{border-radius:6px}.ft-menu{z-index:99999!important}.ft-card.is-menu-open{z-index:9999!important}.ft-avatar{border-radius:10px!important}.ft-card{border-radius:8px!important}.ft-plus{border-radius:6px!important}.ft-topbar{border-radius:10px!important}.ft-menu-sep{background:#94a3b859;height:1px;margin:8px 6px}.ft-menu-item:disabled{cursor:not-allowed;opacity:.55}.ft-menu-item.danger{color:#b91c1c}.ft-menu-item.danger:hover{background:#b91c1c1a}.ft-initials{align-items:center;background:#6366f11f;border:1px solid #94a3b859;border-radius:10px;color:#0f172a;display:flex;font-size:16px;font-weight:900;height:100%;justify-content:center;width:100%}.ft-avatar{flex:0 0 48px;height:48px;overflow:hidden;width:48px}.ft-avatar img{display:block;height:100%;width:100%}:where(.dark,[data-theme=dark]) .ft-topbar{background:#0f172ac7;border-color:#94a3b82e}:where(.dark,[data-theme=dark]) .ft-title{color:#e5e7eb}:where(.dark,[data-theme=dark]) .ft-toggle{color:#e2e8f0bf}:where(.dark,[data-theme=dark]) .ft-toggle span.active{color:#fff}:where(.dark,[data-theme=dark]) .ft-switch{background:#94a3b81f;border-color:#94a3b833}:where(.dark,[data-theme=dark]) .ft-switch:after{background:#0b1220;box-shadow:0 8px 18px #00000059}:where(.dark,[data-theme=dark]) .ft-switch.on{background:#6366f159}:where(.dark,[data-theme=dark]) .ft-refresh{background:#0f172a8c;border-color:#94a3b833;color:#e5e7eb}:where(.dark,[data-theme=dark]) .ft-refresh:hover{background:#0f172abf}:where(.dark,[data-theme=dark]) .ft-state{color:#e2e8f0d9}:where(.dark,[data-theme=dark]) .ft-error{color:#fca5a5}:where(.dark,[data-theme=dark]) .ft-canvas{background:radial-gradient(900px 500px at 15% 10%,#6366f129,#0000 55%),radial-gradient(700px 420px at 85% 25%,#ec489924,#0000 60%),#0b1220;border-color:#94a3b82e}:where(.dark,[data-theme=dark]) .ft-card{background:#0f172ae0!important;border-color:#94a3b82e;box-shadow:0 18px 45px #00000059}:where(.dark,[data-theme=dark]) .ft-name{color:#f8fafc}:where(.dark,[data-theme=dark]) .ft-sub{color:#e2e8f0b3}:where(.dark,[data-theme=dark]) .ft-plus{background:#94a3b81a;border-color:#94a3b82e;color:#e5e7eb}:where(.dark,[data-theme=dark]) .ft-plus:hover{background:#94a3b82e}:where(.dark,[data-theme=dark]) .ft-menu{background:#020617eb;border-color:#94a3b82e}:where(.dark,[data-theme=dark]) .ft-menu-item{color:#e5e7eb}:where(.dark,[data-theme=dark]) .ft-menu-item:hover{background:#6366f12e}:where(.dark,[data-theme=dark]) .ft-menu-sep{background:#94a3b82e}:where(.dark,[data-theme=dark]) .ft-menu-item.danger{color:#fca5a5}:where(.dark,[data-theme=dark]) .ft-menu-item.danger:hover{background:#ef44441f}:where(.dark,[data-theme=dark]) .ft-edge .react-flow__edge-path{stroke:#e2e8f066}:where(.dark,[data-theme=dark]) .ft-edge-spouse .react-flow__edge-path{stroke:#818cf8b3}:where(.dark,[data-theme=dark]) .ft-edge-parent .react-flow__edge-path{stroke:#e2e8f059}@media (prefers-color-scheme:dark){:root:not(.dark):not([data-theme=dark]).ft-canvas{background:radial-gradient(900px 500px at 15% 10%,#6366f124,#0000 55%),radial-gradient(700px 420px at 85% 25%,#ec48991f,#0000 60%),#0b1220}}.ft-canvas .react-flow__edge.ft-edge-active .react-flow__edge-interaction,.ft-canvas .react-flow__edge.ft-edge-active .react-flow__edge-path,.ft-canvas .react-flow__edge.selected .react-flow__edge-interaction,.ft-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:#ef4444!important;stroke-width:4!important}.ft-canvas .react-flow__edge.ft-edge-spouse.ft-edge-active .react-flow__edge-path,.ft-canvas .react-flow__edge.ft-edge-spouse.selected .react-flow__edge-path{stroke:#ef4444!important}.ft-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ft-badge{background:#0000001f;border:1px solid #00000024;border-radius:999px;color:#000000b8;font-size:11px;line-height:14px;padding:2px 6px}.ft-card-root .ft-badge,.ft-card.is-menu-open .ft-badge{background:#ffffff24;border:1px solid #fff3;color:#ffffffd9}.ft-badge-deceased{border-color:#ef444459}.ft-tooltip{background:#fffffffa;border:1px solid #94a3b859;border-radius:12px;box-shadow:0 18px 40px #0f172a29;left:0;margin-top:10px;padding:10px;pointer-events:none;position:absolute;top:100%;width:260px;z-index:99999}.ft-tooltip-title{color:#0f172a;font-weight:900;margin-bottom:8px}.ft-tooltip-row{display:flex;font-size:12px;gap:10px;justify-content:space-between;padding:4px 0}.ft-tooltip-row .k{color:#64748b;flex:0 0 80px;font-weight:700}.ft-tooltip-row .v{color:#0f172a;flex:1 1;font-weight:700;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.ft-tooltip-notes{font-size:12px;margin-top:8px}.ft-tooltip-notes .k{color:#64748b;font-weight:800;margin-bottom:4px}.ft-tooltip-notes .v{color:#0f172a;font-weight:700;line-height:1.35;white-space:normal}:where(.dark,[data-theme=dark]) .ft-tooltip{background:#020617eb;border-color:#94a3b82e}:where(.dark,[data-theme=dark]) .ft-tooltip-notes .v,:where(.dark,[data-theme=dark]) .ft-tooltip-row .v,:where(.dark,[data-theme=dark]) .ft-tooltip-title{color:#e5e7eb}:where(.dark,[data-theme=dark]) .ft-tooltip-notes .k,:where(.dark,[data-theme=dark]) .ft-tooltip-row .k{color:#e2e8f0b3}.ft-canvas .react-flow__edge.ft-edge-spouse .react-flow__edge-path{stroke:#6366f18c!important;stroke-width:2.8!important}.ft-canvas .react-flow__edge.ft-edge-spouse.ft-edge-active .react-flow__edge-path,.ft-canvas .react-flow__edge.ft-edge-spouse.selected .react-flow__edge-path{stroke:#6366f1bf!important;stroke-width:3.2!important}.ft-canvas .react-flow__edge.ft-edge-parent.ft-edge-active .react-flow__edge-path,.ft-canvas .react-flow__edge.ft-edge-parent.selected .react-flow__edge-path{stroke:#ef4444!important;stroke-width:4!important}.ft-canvas .react-flow__edge.ft-edge-parent .react-flow__edge-path{stroke:#0f172a66;stroke-width:2.5}.react-flow__edge-text{fill:#0f172a!important;font-size:11px!important;font-weight:600!important}.react-flow__edge-textbg{fill:#fff!important;fill-opacity:.95!important}.ft-edge-spouse .react-flow__edge-path{stroke:#8b5cf6!important;stroke-width:3px!important}.ft-edge-parent .react-flow__edge-path{stroke:#3b82f6!important;stroke-width:2.5px!important}.react-flow__handle{height:12px!important;pointer-events:all!important;width:12px!important}.ft-handle,.ft-handle-left,.ft-handle-right,.react-flow__handle{background:#0000!important;border:none!important;box-shadow:none!important;opacity:0!important;visibility:hidden!important}.ft-card:hover .react-flow__handle{background:#3b82f6!important;border-radius:50%!important;opacity:.15!important;visibility:visible!important}.react-flow__node:has(.ft-card.is-menu-open){z-index:999999!important}.ft-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.ft-modal{border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 18px 60px #0000008c;max-height:85vh;overflow:auto;position:relative;width:min(520px,92vw)}.ft-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 16px}.ft-modal-title{color:#fff;font-weight:700}.ft-modal-close{background:#0000;border:0;color:#fff;cursor:pointer;font-size:18px}.ft-modal-body{padding:14px 16px}.ft-modal-section{margin-bottom:14px}.ft-modal-subtitle{color:#ffffffc7!important;font-size:14px;font-weight:700!important;margin-bottom:8px}.ft-modal .ft-input{background:#667eea!important;border:1px solid #ffffff24!important;border-radius:10px;color:#fff!important;outline:none;padding:10px 12px;width:100%}.ft-modal .ft-input::placeholder{color:#ffffff8c!important}.ft-female-overlay77{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999999}.ft-female-modal77{background:linear-gradient(180deg,#8b5cf6,#8b5cf6);border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 22px 70px #0009;overflow:hidden;width:min(680px,94vw)}.ft-female-header77{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 16px}.ft-female-title77{color:#fff;font-size:16px;font-weight:800;letter-spacing:.2px}.ft-female-close77{align-items:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;color:#fffffff2;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:transform .12s ease,background .12s ease,border-color .12s ease;width:34px}.ft-female-close77:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.ft-female-close77:active{background:#ffffff14;transform:translateY(0)}.ft-female-body77{padding:14px 16px 16px}.ft-female-section77{margin-top:12px}.ft-female-subtitle77{color:#ffffffc7;font-size:13px;font-weight:800;margin-bottom:10px}.ft-female-btn77{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#6366f1f2,#0ea5e9e6);border:0;border-radius:12px;box-shadow:0 12px 30px #00000059;color:#fff;cursor:pointer;font-size:13px;font-weight:800;padding:10px 14px;transition:transform .12s ease,filter .12s ease}.ft-female-btn77:hover{filter:brightness(1.06);transform:translateY(-1px)}.ft-female-btn77:active{filter:brightness(.98);transform:translateY(0)}.ft-female-info77{align-items:flex-start;background:linear-gradient(135deg,#6366f12e,#0ea5e91f);border:1px solid #6366f14d;border-radius:14px;box-shadow:0 12px 32px #00000059;color:#ffffffeb;display:flex;font-size:13px;gap:10px;line-height:1.45;padding:12px 14px}.ft-female-i77{align-items:center;background:#6366f140;border:1px solid #6366f161;border-radius:999px;color:#fffffff2;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:900;height:22px;justify-content:center;width:22px}.ft-female-infoTitle77{color:#fff;font-weight:900;margin-bottom:4px}.ft-female-infoText77{color:#ffffffc7}.ft-auth-overlay88{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0206178c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:999999}.ft-auth-modal88{background:linear-gradient(180deg,#0b1220,#070d18);border:1px solid #94a3b82e;border-radius:16px;box-shadow:0 22px 60px #00000073;overflow:hidden;width:min(520px,92vw)}.ft-auth-head88{align-items:center;border-bottom:1px solid #94a3b824;display:flex;justify-content:space-between;padding:14px 16px}.ft-auth-title88{color:#e5e7eb;font-size:14px;font-weight:800}.ft-auth-close88{background:#ffffff0f;border:1px solid #94a3b833;border-radius:10px;color:#e5e7eb;cursor:pointer;height:34px;width:34px}.ft-auth-close88:hover{background:#ffffff1a}.ft-auth-body88{padding:16px}.ft-auth-msg88{background:#6366f11f;border:1px solid #6366f140;border-radius:12px;color:#e2e8f0eb;font-size:13px;line-height:1.45;padding:12px}.ft-auth-btn88{background:#6366f12e;border:1px solid #6366f159;border-radius:12px;color:#eef2ff;cursor:pointer;font-weight:800;height:40px;margin-top:12px;width:100%}.ft-auth-btn88:hover{background:#6366f142}.create-relationship-container{background:#f8fafc;min-height:calc(100vh - 100px);padding:2rem}.create-relationship-header{margin-bottom:2rem}.back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.back-button:hover{background:#f1f5f9;color:#475569;transform:translateX(-2px)}.header-content h2{color:#1a202c;font-size:1.875rem;font-weight:600;margin:0 0 .5rem}.header-content p{color:#64748b;font-size:1rem;margin:0}.create-relationship-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;max-width:1400px}.create-relationship-form{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem}.error-message{align-items:center;border:1px solid #fecaca;border-radius:.5rem;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.relationships-builder{margin-bottom:2rem}.builder-header{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.builder-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.builder-header p{color:#6b7280;font-size:.875rem;margin:0}.relationship-row{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .2s}.relationship-row:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.row-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.relationship-inputs{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr 1fr;max-width:600px;width:100%}.input-group{display:flex;flex-direction:column}.input-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.input-group select{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s}.input-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group select.error{border-color:#dc2626}.remove-button{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-button:hover{background:#dc2626;transform:scale(1.1)}.relationship-preview-inline{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;color:#1e40af;font-size:.875rem;grid-column:span 2;margin-top:.5rem;padding:.75rem;text-align:center}.relationships-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.relationships-summary h4{color:#166534;font-size:1rem;font-weight:600;margin:0 0 1rem}.relationships-summary ul{list-style:none;margin:0;padding:0}.relationships-summary li{color:#166534;font-size:.875rem;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.relationships-summary li:before{color:#16a34a;content:"✓";font-weight:700;left:0;position:absolute}.form-actions{border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.btn{align-items:center;border:none;border-radius:.5rem;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.help-section{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.help-section h3{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.help-section ul{list-style:none;margin:0;padding:0}.help-section li{color:#64748b;font-size:.875rem;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.help-section li:before{color:#3b82f6;content:"→";font-weight:700;left:0;position:absolute}.create-relationship-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{margin-bottom:1rem}@media (max-width:1024px){.create-relationship-content{grid-template-columns:1fr}}@media (max-width:768px){.create-relationship-container{padding:1rem}.relationship-inputs{grid-template-columns:1fr}.relationship-row{align-items:stretch}.form-actions,.relationship-row{flex-direction:column}.btn{justify-content:center}}@media (max-width:480px){.relationship-row{padding:.75rem}.row-number{align-self:center}}.pending-approvals-page{margin:0 auto;max-width:1100px;padding:20px}.approvals-header{align-items:center;display:flex;gap:18px;margin-bottom:18px}.back-btn{color:#333;font-size:16px}.sub{color:#666;font-size:13px;margin-top:4px}.empty,.error,.loading{color:#666;padding:18px;text-align:center}.approvals-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.approval-card{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 2px #00000008;padding:14px}.card-top{justify-content:space-between;margin-bottom:10px}.card-top,.relation-title{align-items:center;display:flex}.relation-title{gap:10px}.badge{background:#fbd38d;border-radius:12px;color:#6b3b00;font-size:12px;padding:4px 8px}.meta{color:#666;font-size:13px}.card-body{border-bottom:1px solid #fafafa;border-top:1px solid #fafafa;gap:20px;margin:8px 0;padding:8px 0}.card-body,.person{align-items:center;display:flex}.person{gap:10px}.avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#1f2937;display:flex;font-weight:700;height:44px;justify-content:center;width:44px}.pinfo .pname{font-weight:600}.psub{color:#777;font-size:12px}.connector{color:#444;font-style:italic}.card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.btn{border:1px solid #0000;border-radius:6px;cursor:pointer;padding:8px 12px}.btn.approve{background:#10b981;color:#fff}.btn.reject{background:#ef4444;color:#fff}.reject-modal{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.reject-card{background:#fff;border-radius:8px;box-shadow:0 6px 20px #00000040;padding:18px;width:420px}.reject-card textarea{border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;min-height:100px;padding:10px;resize:vertical;width:100%}.reject-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.all-notifs-page{align-items:flex-start;background:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:40px 16px}.all-notifs-card{background:#fff;border-radius:16px;box-shadow:0 18px 45px #0f172a14;box-sizing:border-box;max-width:960px;padding:24px 28px 32px;width:100%}.all-notifs-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.all-notifs-title{color:#0f172a;font-size:22px;font-weight:600;margin:0}.all-notifs-back-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background .15s ease,box-shadow .15s ease,transform .08s ease}.all-notifs-back-btn:hover{background:#fff;box-shadow:0 6px 18px #0f172a1f;transform:translateY(-1px)}.all-notifs-search-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.all-notifs-search-wrapper{flex:1 1 260px;position:relative}.all-notifs-search-icon{font-size:14px;left:10px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.all-notifs-search-input{border:1px solid #e5e7eb;border-radius:999px;font-size:13px;outline:none;padding:8px 12px 8px 30px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.all-notifs-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e52e}.all-notifs-count{color:#6b7280;font-size:13px;white-space:nowrap}.all-notifs-empty,.all-notifs-error,.all-notifs-loading{color:#4b5563;font-size:14px}.all-notifs-error{color:#b91c1c}.all-notifs-list{list-style:none;margin:0;padding:0}.all-notifs-item{grid-column-gap:16px;border-bottom:1px solid #e5e7eb;column-gap:16px;display:grid;grid-template-columns:32px 1fr;padding:14px 4px}.all-notifs-timeline-col{display:flex;justify-content:center;position:relative}.all-notifs-timeline-dot{background:#4f46e5;border-radius:999px;height:10px;margin-top:4px;width:10px;z-index:1}.all-notifs-timeline-line{background:#e5e7eb;bottom:-14px;position:absolute;top:14px;width:2px;z-index:0}.all-notifs-main{display:flex;flex-direction:column;gap:4px}.all-notifs-item-title{color:#111827;font-size:15px;font-weight:600}.all-notifs-item-body{color:#4b5563;font-size:13px}.all-notifs-item-meta{color:#9ca3af;font-size:12px}.all-notifs-load-more-wrap{display:flex;justify-content:center;margin-top:20px}.all-notifs-load-more-btn{background:#f3f4ff;border:1px solid #e5e7eb;border-radius:999px;color:#4f46e5;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:background .15s ease,box-shadow .15s ease,transform .08s ease,border-color .15s ease}.all-notifs-load-more-btn:hover{background:#e0e7ff;border-color:#4f46e5;box-shadow:0 8px 20px #4f46e540;transform:translateY(-1px)}@media (max-width:640px){.all-notifs-card{padding:18px 16px 24px}.all-notifs-item{grid-template-columns:24px 1fr}}.members-container{background-color:#f8f9fa;margin:0 auto;min-height:100vh;padding:24px;width:100%}.members-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-left h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 16px}.members-stats{flex-wrap:wrap}.stat-item{border-radius:20px;font-size:14px;gap:8px;padding:8px 16px}.stat-number{color:#4285f4;font-size:16px}.stat-label{color:#666;font-size:13px}.family-info h3{color:#34495e;font-size:20px;margin:0;text-align:right}.current-user-role{color:#666;font-size:12px;margin-top:4px;text-align:right}.members-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.members-table{border-collapse:collapse;font-size:14px;width:100%}.members-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.members-table th{color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.members-table tbody tr{border-bottom:1px solid #f1f3f4;transition:background-color .2s ease}.members-table tbody tr:hover{background-color:#f8f9fa}.members-table td{padding:16px 12px;vertical-align:middle}.member-cell .member-info{align-items:center;display:flex;gap:12px}.member-avatar-small{flex-shrink:0;height:40px;position:relative;width:40px}.member-avatar-small img{border:2px solid #e9ecef;border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-fallback-small{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #e9ecef;border-radius:50%;font-size:16px;font-weight:600;height:100%;width:100%}.avatar-fallback-small,.custom-badge-small{align-items:center;color:#fff;display:flex;justify-content:center}.custom-badge-small{background:#ff6b35;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0003;font-size:10px;font-weight:700;height:16px;position:absolute;right:-3px;top:-3px;width:16px}.member-details .member-name-small{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:2px}.member-details .member-status{color:#666;font-size:12px}.email-cell{color:#495057;font-family:Courier New,monospace;font-size:13px}.role-badge-small{border-radius:16px;color:#fff;font-size:12px;gap:4px;padding:4px 10px;text-transform:capitalize}.role-badge-small,.type-badge{align-items:center;display:inline-flex;font-weight:500}.type-badge{border-radius:12px;font-size:11px;padding:4px 8px;text-transform:uppercase}.type-badge.registered{background:#e8f5e8;color:#2e7d32}.type-badge.custom{background:#fff3e0;color:#ef6c00}.date-cell{color:#666;font-size:13px}.actions-cell{text-align:right}.action-buttons{align-items:center;display:flex;gap:8px;justify-content:flex-end}.btn-view{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;font-size:12px;gap:4px;transition:all .2s ease}.btn-view:hover{background:#e9ecef;border-color:#adb5bd}.btn-admin{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-admin.promote{background:#ff6b35;color:#fff}.btn-admin.promote:hover{background:#e55a2b;transform:translateY(-1px)}.btn-admin.demote{background:#6c757d;color:#fff}.btn-admin.demote:hover{background:#5a6268;transform:translateY(-1px)}.no-permission{color:#999;cursor:not-allowed;font-size:16px;padding:6px}.members-loading{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{border:3px solid #e9ecef;border-top-color:#667eea}.members-error{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px;text-align:center}.members-error h3{color:#e74c3c;margin-bottom:16px}.retry-btn{background:#3498db;font-size:16px;margin-top:16px;padding:12px 24px}.retry-btn:hover{background:#2980b9}.no-members{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-members h3{color:#7f8c8d;margin-bottom:16px}.no-members p{color:#95a5a6}.member-details-popup{border-radius:16px!important;box-shadow:0 20px 40px #00000026!important}.member-details-popup .swal2-popup{padding:0!important}.member-details-popup .swal2-title{align-items:center!important;color:#2c3e50!important;display:flex!important;font-size:20px!important;font-weight:600!important;gap:8px!important;margin:0!important;padding:20px 24px 0!important}.member-details-popup .swal2-html-container{margin:0!important;max-height:none!important;overflow:visible!important;padding:0!important}.member-details-popup .swal2-actions{margin:0!important;padding:16px 24px 20px!important}.member-details-popup .swal2-confirm{background:#4285f4!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #4285f44d!important;font-size:14px!important;font-weight:500!important;padding:12px 24px!important}.member-details-popup .swal2-confirm:hover{background:#3367d6!important;box-shadow:0 4px 12px #4285f466!important;transform:translateY(-1px)!important}.member-modal-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #f8f9fa;border-radius:50%;box-shadow:0 4px 16px #0000001a;color:#fff;display:flex;font-size:24px;font-weight:600;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.member-modal-role{align-items:center;background:gold;border-radius:16px;color:#2c3e50;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-bottom:16px;padding:6px 12px;text-transform:capitalize}.member-modal-section{background:#f8f9fa;border-radius:12px;margin-bottom:16px;padding:16px}.member-modal-section h4{font-weight:600;gap:6px;margin:0 0 12px}.member-modal-section h4,.member-modal-section p{align-items:center;color:#495057;display:flex;font-size:14px}.member-modal-section p{gap:8px;margin:0 0 8px}.member-modal-section p:last-child{margin-bottom:0}.member-modal-section strong{color:#2c3e50;font-weight:600}.member-type-registered{color:#2e7d32;font-weight:600}.member-type-custom{color:#ef6c00;font-weight:600}.permissions-section{background:#e3f2fd;border-radius:12px;padding:16px}.permissions-section h4{align-items:center;color:#1976d2;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.permissions-list{list-style:none;margin:0;padding:0}.permissions-list li{align-items:center;border-bottom:1px solid #1976d21a;color:#495057;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.permissions-list li:last-child{border-bottom:none}.permission-label{font-weight:500}.permission-status{align-items:center;display:flex;font-weight:600;gap:4px}.permission-yes{color:#4caf50}.permission-no{color:#f44336}@media (max-width:768px){.members-container{padding:16px}.members-header{flex-direction:column;gap:16px;text-align:center}.members-stats{justify-content:center}.current-user-role,.family-info h3{text-align:center}.members-table-container{overflow-x:auto}.members-table{min-width:600px}.members-table td,.members-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.btn-admin{font-size:11px;padding:4px 8px}.member-details-popup{margin:20px!important}.member-modal-avatar{font-size:20px;height:60px;width:60px}.member-modal-section{padding:12px}.member-modal-section p{font-size:13px}}@media (max-width:480px){.members-header h2{font-size:24px}.stat-item{font-size:12px}.members-table td,.members-table th{font-size:13px;padding:8px 6px}.member-details-popup .swal2-title{font-size:18px!important;padding:16px 20px 0!important}.member-modal-section{margin-bottom:12px;padding:10px}}.pending-join-requests{padding:20px}.pending-join-requests h3{color:#333;margin-bottom:20px}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:20px;transition:transform .2s}.request-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.request-info{align-items:center;display:flex;gap:15px}.requester-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.requester-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.requester-details h4{color:#333;font-size:16px;margin:0 0 5px}.requester-email{color:#666;font-size:14px;margin:0 0 5px}.request-time{color:#999;font-size:12px;margin:0}.request-actions{display:flex;gap:10px}.request-actions .btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .2s}.request-actions .btn.approve{background:#10b981;color:#fff}.request-actions .btn.approve:hover{background:#059669}.request-actions .btn.reject{background:#ef4444;color:#fff}.request-actions .btn.reject:hover{background:#dc2626}.request-actions .btn:disabled{cursor:not-allowed;opacity:.6}.no-requests{color:#999;font-size:16px;padding:40px;text-align:center}.error-message,.loading{color:#666;padding:20px;text-align:center}.site-settings-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.meta-pill{background:#6366f114;border:1px solid #6366f12e;border-radius:999px;color:#4f46e5;font-size:12px;font-weight:700;padding:6px 10px}.site-settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.site-card-span-2{grid-column:span 2}.site-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 30px #0f172a0f,0 2px 6px #0f172a0a;padding:16px}.site-card-top{margin-bottom:10px}.site-card-title{color:#0f172a;font-weight:950}.site-card-sub{color:#64748b;font-size:12px;font-weight:700;margin-top:4px}.site-card-body{margin-top:8px}.site-card-actions{display:flex;gap:10px}.site-admin-toggle{display:flex;grid-column:span 2;justify-content:flex-end}.site-member-note{background:#6366f10f;border:1px dashed #6366f159;padding:14px}.note-title{color:#0f172a;font-weight:950}.note-sub{color:#64748b;font-size:12px;font-weight:700;margin-top:6px}@media (max-width:900px){.site-settings-grid{grid-template-columns:1fr}.site-admin-toggle,.site-card-span-2,.site-member-note{grid-column:span 1}}.site-info-card{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:16px;display:flex;gap:16px;grid-column:span 2;margin-top:12px;padding:24px}.info-card-icon{flex-shrink:0;font-size:36px;line-height:1}.info-card-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.info-card-title{color:#0c4a6e;font-size:18px;font-weight:700;letter-spacing:-.3px}.info-card-text{color:#0369a1;font-size:14px;line-height:1.6}:root[data-theme=dark] .site-info-card{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}:root[data-theme=dark] .info-card-title{color:#dbeafe}:root[data-theme=dark] .info-card-text{color:#bfdbfe}.site-member-note{background:#fef3c7;border:2px solid #fde68a;border-radius:16px;grid-column:span 2;margin-top:12px;padding:24px}.note-title{color:#92400e;font-size:16px;font-weight:700;margin-bottom:8px}.note-sub{color:#b45309;font-size:14px;line-height:1.6}:root[data-theme=dark] .site-member-note{background:#451a03;border-color:#78350f}:root[data-theme=dark] .note-title{color:#fef3c7}:root[data-theme=dark] .note-sub{color:#fde68a}.np-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 30px #0f172a0f,0 2px 6px #0f172a0a;padding:16px}.np-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.np-title{color:#0f172a;font-size:16px;font-weight:950}.np-sub{color:#64748b;font-size:12px;font-weight:700;margin-top:4px}.np-refresh{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:900;padding:8px 10px}.np-err{background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;color:#9f1239;font-size:12px;font-weight:800;margin-bottom:10px;padding:10px 12px}.np-loading{color:#64748b;font-weight:800;padding:10px 2px}.np-list{grid-gap:10px;display:grid;gap:10px}.np-row{align-items:center;background:#fbfdff;border:1px solid #eef2ff;border-radius:14px;display:flex;gap:14px;justify-content:space-between;padding:12px}.np-left{min-width:0}.np-label{color:#0f172a;font-weight:900}.np-hint{color:#64748b;font-size:12px;font-weight:700;margin-top:3px}.np-saving{color:#4f46e5;font-size:12px;font-weight:900}.np-switch{display:inline-block;flex:0 0 auto;height:28px;position:relative;width:48px}.np-switch input{height:0;opacity:0;width:0}.np-slider{background-color:#cbd5e1;cursor:pointer;inset:0}.np-slider,.np-slider:before{border-radius:999px;position:absolute;transition:.2s}.np-slider:before{background-color:#fff;box-shadow:0 8px 18px #02061726;content:"";height:22px;left:3px;top:3px;width:22px}.np-switch input:checked+.np-slider{background-color:#4f46e5}.np-switch input:checked+.np-slider:before{transform:translateX(20px)}[data-theme=dark] .np-card{background:#020617;border-color:#1f2937}[data-theme=dark] .np-title{color:#f8fafc}[data-theme=dark] .np-hint,[data-theme=dark] .np-sub{color:#94a3b8}[data-theme=dark] .np-row{background:#0b1220;border-color:#1f2937}[data-theme=dark] .np-label{color:#e5e7eb}.activity-logs-container{margin:0 auto;max-width:1400px;padding:24px}.logs-header{flex-wrap:wrap;gap:16px;margin-bottom:24px}.header-left{align-items:center;display:flex;gap:16px}.header-icon{color:#4f46e5;color:var(--primary-color,#4f46e5)}.logs-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-weight:600;margin:0}.header-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:4px 0 0}.header-actions{gap:12px}.btn-icon,.header-actions{align-items:center;display:flex}.btn-icon{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;justify-content:center;padding:8px;transition:all .2s}.btn-icon:hover:not(:disabled){background:#e5e7eb;background:var(--bg-hover,#e5e7eb)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;background:var(--bg-hover,#e5e7eb)}.btn-primary{background:#4f46e5;background:var(--primary-color,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-primary:hover{background:#4338ca;background:var(--primary-dark,#4338ca)}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;gap:16px;padding:20px}.stat-icon{border-radius:12px;color:#fff;height:48px;width:48px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.users{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1 1}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);margin-bottom:4px}.stat-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px}.filters-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-bar{flex:1 1;min-width:300px}.search-icon{color:#6b7280;color:var(--text-secondary,#6b7280);left:12px}.search-input{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:10px 40px}.search-input:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px #4f46e51a;outline:none}.clear-search{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:24px;height:20px;justify-content:center;padding:0;position:absolute;right:12px;width:20px}.btn-filter,.clear-search{align-items:center;cursor:pointer;display:flex}.btn-filter{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500;gap:8px;padding:10px 16px;position:relative;transition:all .2s}.btn-filter:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.btn-filter.active{background:#4f46e5;background:var(--primary-color,#4f46e5);border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#fff}.filter-badge{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:20px;line-height:1}.btn-filter.active .filter-badge{color:#fff}.advanced-filters{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:20px;padding:20px}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.filter-group{gap:6px}.filter-group label{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500}.filter-input,.filter-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;font-size:14px;padding:8px 12px}.filter-input:focus,.filter-select:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);outline:none}.filter-actions{gap:12px;justify-content:flex-end}.logs-table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.logs-table th{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.logs-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;padding:16px}.logs-table tbody tr:last-child td{border-bottom:none}.logs-table tbody tr:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb)}.timestamp-cell{align-items:center;display:flex;font-family:Monaco,Menlo,monospace;font-size:13px;gap:8px}.cell-icon{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0}.user-cell .user-info{align-items:center;display:flex;gap:10px}.user-avatar{align-items:center;background:#4f46e5;background:var(--primary-color,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.action-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.badge-create{background:#dcfce7;color:#166534}.badge-read{background:#dbeafe;color:#1e40af}.badge-update{background:#fef3c7;color:#92400e}.badge-delete{background:#fee2e2;color:#991b1b}.badge-admin{background:#f3e8ff;color:#6b21a8}.badge-default{background:#f3f4f6;color:#374151}.resource-cell{color:#6b7280;color:var(--text-secondary,#6b7280);text-transform:capitalize}.details-cell{max-width:400px}.log-action{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:500;margin-bottom:4px}.log-details{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-cell{align-items:center;display:flex;gap:6px}.status-icon.success{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon.warning{color:#f59e0b}.status-text{font-weight:500;text-transform:capitalize}.status-text.success{color:#10b981}.status-text.failed{color:#ef4444}.btn-view{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;padding:6px 10px;transition:all .2s}.btn-view:hover{background:#4f46e5;background:var(--primary-color,#4f46e5);border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#fff}.empty-state,.error-state,.loading-state{color:#6b7280;color:var(--text-secondary,#6b7280);padding:60px 20px;text-align:center}.empty-state svg,.error-state svg,.loading-state svg{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin-bottom:16px}.error-state{color:#ef4444;color:var(--error-color,#ef4444)}.spinning{animation:spin 1s linear infinite}.pagination-container{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.pagination-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.btn-pagination{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px 12px;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:4px}.page-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;cursor:pointer;font-size:14px;height:36px;transition:all .2s;width:36px}.page-btn:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.page-btn.active{background:#4f46e5;background:var(--primary-color,#4f46e5);border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#fff}.pagination-limit{align-items:center;display:flex;font-size:14px;gap:8px}.limit-select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;font-size:14px;padding:6px 8px}.modal-overlay{background:#00000080;padding:20px}.modal-content{box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:20px 24px}.modal-header h3{font-size:18px;font-weight:600}.modal-close{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:28px;height:28px;justify-content:center;padding:0;width:28px}.modal-body{padding:24px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px}.small-text{font-size:12px!important;word-break:break-all}.error-box{background:#fef2f2;border-left:3px solid #ef4444;border-radius:8px;padding:12px}.error-box value{color:#991b1b;font-weight:500}.metadata-pre{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:12px;overflow-x:auto;padding:12px}@media (max-width:768px){.activity-logs-container{padding:16px}.logs-header{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap;width:100%}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-bar{width:100%}.logs-table-container{overflow-x:auto}.logs-table{min-width:1000px}.pagination-container{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}}.prq-root{background-color:#f8f9fa;box-sizing:border-box;min-height:calc(100vh - 80px);padding:32px 20px;width:100%}.prq-center-wrap{display:flex;justify-content:center;margin:0 auto;max-width:920px}.prq-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px;width:100%}.prq-card.small{max-width:420px;padding:20px;text-align:center}.prq-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.prq-title{color:#1f2937;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0}.prq-actions{align-items:center;display:flex;gap:16px}.prq-tabs{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:flex;padding:2px}.prq-tab{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.prq-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1f2937}.prq-tab:hover:not(.active){background:#ffffffb3;color:#374151}.prq-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.prq-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s ease}.prq-item:hover{border-color:#d1d5db;box-shadow:0 1px 4px #0000000d}.prq-main{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.prq-subject{color:#1f2937;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prq-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.prq-dot{color:#9ca3af;margin:0 2px}.prq-status{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px;text-transform:capitalize}.prq-status.pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.prq-status.approved{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.prq-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.prq-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.prq-btn:disabled{cursor:not-allowed;opacity:.6}.prq-btn-ghost{background:#fff;border-color:#d1d5db;color:#374151}.prq-btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.prq-btn-danger{background:#fff;border-color:#fecaca;color:#dc2626}.prq-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.prq-btn-danger:disabled{border-color:#e5e7eb;color:#9ca3af}.prq-empty,.prq-error,.prq-loading{color:#6b7280;padding:32px 16px;text-align:center}.prq-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.prq-empty h5{font-size:16px;font-weight:500;margin:0}.prq-muted{color:#6b7280;font-size:14px;margin:0}.prq-unauthorized{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.prq-root{padding:16px}.prq-header{align-items:stretch;flex-direction:column;gap:16px}.prq-actions{justify-content:space-between}.prq-item{align-items:stretch;flex-direction:column;gap:12px}.prq-controls{justify-content:flex-end}.prq-meta{gap:8px}.prq-tabs{flex:1 1}.prq-tab{flex:1 1;text-align:center}}@media (max-width:480px){.prq-card{padding:16px}.prq-title{font-size:18px}.prq-item{padding:12px}.prq-meta{align-items:flex-start;flex-direction:column;gap:4px}.prq-dot{display:none}}.prq-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.03em;padding:4px 12px;position:absolute;right:12px;top:12px}.prq-item{padding-right:160px;position:relative}.prq-approved-badge{background:#10b981;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.prq-status.pending{color:#f59e0b;font-weight:600}.prq-status.approved{color:#10b981;font-weight:600}.prq-status.rejected{color:#ef4444;font-weight:600}@media (max-width:768px){.prq-type-badge{display:inline-block;margin-bottom:8px;position:static}.prq-item{padding-right:12px}}.manage-plan-empty-card{background:#fff;border-radius:18px;box-shadow:0 16px 40px #0f172a0d;margin-top:24px;max-width:520px;padding:28px 24px;text-align:left}.manage-plan-empty-card h2{font-size:18px;margin-bottom:6px}.manage-plan-empty-card p{color:#6b7280;font-size:14px;margin-bottom:16px}.manage-plan-empty-icon{align-items:center;background:#eef2ff;border-radius:12px;display:inline-flex;font-size:20px;height:40px;justify-content:center;margin-bottom:10px;width:40px}.manage-plan-banner{align-items:center;background:#7c3aed0f;border:1px solid #7c3aed40;border-radius:999px;color:#4b5563;display:flex;font-size:13px;gap:10px;margin-top:14px;padding:10px 14px}.manage-plan-banner-text strong{color:#4f46e5}.manage-plan-banner-btn{margin-left:auto}.manage-plan-settings{padding:24px 32px 40px}@media (max-width:900px){.manage-plan-settings{padding:16px 16px 32px}}.manage-plan-header-card{align-items:center;background:#fff;border-radius:18px;box-shadow:0 18px 40px #0f172a0f;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:18px 24px}.manage-plan-title{color:#111827;font-size:22px;font-weight:600;letter-spacing:.01em}.manage-plan-subtitle{color:#6b7280;font-size:14px;margin-top:4px}.manage-plan-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr)}.manage-plan-column{display:flex;flex-direction:column;gap:16px}@media (max-width:900px){.manage-plan-grid{grid-template-columns:minmax(0,1fr)}}.manage-plan-card{background:#fff;border-radius:18px;box-shadow:0 14px 35px #0f172a0d;padding:18px 22px}.manage-plan-card+.manage-plan-card{margin-top:16px}.manage-plan-card-current{border:1px solid #7c3aed40}.manage-plan-card-invite{border:1px solid #818cf84d}.manage-plan-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.manage-plan-card-title{color:#111827;font-size:15px;font-weight:600}.manage-plan-current-body{display:flex;flex-direction:column;font-size:13px;gap:6px}.manage-plan-current-row{color:#4b5563;display:flex;justify-content:space-between}.manage-plan-current-label{color:#6b7280}.manage-plan-current-value{color:#111827;font-weight:500}.manage-plan-storage-bar-wrapper{margin-top:12px}.manage-plan-storage-bar{background:#eef2ff;border-radius:999px;height:8px;overflow:hidden;width:100%}.manage-plan-storage-bar-fill{background:linear-gradient(90deg,#7c3aed,#6366f1);border-radius:inherit;height:100%;transition:width .3s ease}.manage-plan-storage-bar-text{color:#6b7280;font-size:12px;margin-top:6px}.manage-plan-muted{color:#6b7280;font-size:13px}.manage-plan-muted-small{color:#6b7280;font-size:12px}.manage-plan-btn-ghost,.manage-plan-btn-primary,.manage-plan-btn-secondary{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .18s ease}.manage-plan-btn-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 10px 25px #7c3aed59;color:#fff}.manage-plan-btn-primary:hover{box-shadow:0 14px 30px #7c3aed66;transform:translateY(-1px)}.manage-plan-btn-secondary{background:#eef2ff;color:#4f46e5}.manage-plan-btn-secondary:hover{background:#e0e7ff}.manage-plan-btn-ghost{background:#0000;color:#4f46e5}.manage-plan-btn-ghost:hover{background:#f3f4ff}.manage-plan-btn-ghost:disabled,.manage-plan-btn-primary:disabled,.manage-plan-btn-secondary:disabled{box-shadow:none;cursor:default;opacity:.6}.manage-plan-members-list{list-style:none;margin:8px 0 0;padding:0}.manage-plan-member-row{align-items:center;border-bottom:1px solid #f3f4f6;border-radius:12px;display:flex;justify-content:space-between;padding:10px 14px;transition:background .2s ease}.manage-plan-member-row:last-child{border-bottom:none}.manage-plan-member-row:hover{background:#7c3aed0a}.manage-plan-member-info{align-items:center;display:flex;gap:10px}.manage-plan-member-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:999px;color:#fff;display:flex;font-size:15px;font-weight:600;height:32px;justify-content:center;width:32px}.manage-plan-member-text{display:flex;flex-direction:column}.manage-plan-member-name{color:#111827;font-size:13px;font-weight:500}.manage-plan-member-role-pill{align-items:center;background:#eef2ff;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:11px;margin-top:2px;padding:2px 8px}.manage-plan-member-remove{background:#0000;border:none;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500}.manage-plan-member-remove:hover{text-decoration:underline}.manage-plan-invite-box{display:flex;flex-direction:column;gap:8px;margin-top:12px}.manage-plan-invite-label{color:#6b7280;font-size:12px;font-weight:500}.manage-plan-invite-row{display:flex;gap:8px}.manage-plan-invite-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;flex:1 1;font-size:13px;outline:none;padding:8px 10px}.manage-plan-invite-select:focus{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed40}.manage-plan-invite-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}:root{--immortality-primary:#6366f1;--immortality-primary-dark:#4f46e5;--immortality-primary-light:#818cf8;--immortality-secondary:#8b5cf6;--immortality-bg:#f6f7ff;--immortality-card-bg:#fff;--immortality-text-primary:#1e293b;--immortality-text-secondary:#64748b;--immortality-border:#e2e8f0;--immortality-success:#10b981;--immortality-error:#ef4444;--immortality-warning:#f59e0b}.immfam-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.immfam-loading-spinner{animation:immfam-spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#6366f1;border:3px solid var(--immortality-border);border-radius:50%;border-top-color:var(--immortality-primary);height:40px;width:40px}@keyframes immfam-spin{to{transform:rotate(1turn)}}.immfam-btn-spinner{animation:immfam-spin .6s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:8px;width:14px}.immfam-header-subtitle{color:#64748b;color:var(--immortality-text-secondary);font-size:.875rem;margin:4px 0 0}.immfam-primary-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--immortality-primary),var(--immortality-secondary));border:none;border-radius:999px;box-shadow:0 8px 18px #6366f147;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 26px;transition:all .2s ease;white-space:nowrap}.immfam-primary-btn:hover:not(:disabled){box-shadow:0 10px 24px #6366f15c;transform:translateY(-1px)}.immfam-primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.immfam-btn-icon{font-size:1.1rem;line-height:1}.immfam-empty{margin:0 auto;max-width:540px;padding:80px 20px;text-align:center}.immfam-empty-icon{font-size:3.5rem;margin-bottom:18px;opacity:.9}.immfam-empty h3{color:#1e293b;color:var(--immortality-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 10px}.immfam-empty p{color:#64748b;color:var(--immortality-text-secondary);line-height:1.6;margin:0 0 24px}.immfam-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));padding:4px}.immfam-card{background:#fff;background:var(--immortality-card-bg);border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 12px 30px #94a3b82e;padding:22px 24px 18px;transition:all .2s ease}.immfam-card:hover{border-color:#818cf8cc;box-shadow:0 16px 38px #94a3b840;transform:translateY(-2px)}.immfam-card-top{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--immortality-border);display:flex;gap:16px;margin-bottom:18px;padding-bottom:16px}.immfam-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--immortality-primary),var(--immortality-secondary));border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:52px;justify-content:center;width:52px}.immfam-details{flex:1 1;min-width:0}.immfam-name{color:#1e293b;color:var(--immortality-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.immfam-role-chip{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 11px;text-transform:uppercase}.immfam-role-chip.role-super_admin{background:#fef3c7;color:#92400e}.immfam-role-chip.role-admin{background:#e0ecff;color:#1e40af}.immfam-role-chip.role-member{background:#f3f4ff;color:#4b5563}.immfam-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.immfam-stat-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:10px;padding:12px 14px}.immfam-stat-icon{font-size:1.3rem}.immfam-stat-info{display:flex;flex-direction:column;gap:2px}.immfam-stat-number{color:#6366f1;color:var(--immortality-primary);font-size:1.05rem;font-weight:700}.immfam-stat-label{color:#64748b;color:var(--immortality-text-secondary);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.immfam-members{border-top:1px solid #e2e8f0;border-top:1px solid var(--immortality-border);margin-bottom:16px;margin-top:4px;padding-top:14px}.immfam-members-header{margin-bottom:10px}.immfam-members-header h4{color:#1e293b;color:var(--immortality-text-primary);font-size:.95rem;font-weight:600;margin:0}.immfam-members-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding-right:3px}.immfam-members-list::-webkit-scrollbar{width:6px}.immfam-members-list::-webkit-scrollbar-track{background:#eef2ff;border-radius:3px}.immfam-members-list::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:3px}.immfam-members-list::-webkit-scrollbar-thumb:hover{background:#a5b4fc}.immfam-member-card{align-items:center;background:#f8f9ff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.immfam-member-card:hover{background:#f1f5ff;border-color:#c4d1ff}.immfam-member-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--immortality-primary),var(--immortality-secondary));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:38px;justify-content:center;width:38px}.immfam-member-details{flex:1 1;min-width:0}.immfam-member-name-row{align-items:center;color:#1e293b;color:var(--immortality-text-primary);display:flex;font-size:.93rem;font-weight:600;gap:6px;margin-bottom:2px}.immfam-member-you{background:#e0ecff;border-radius:999px;color:#1e40af;font-size:.65rem;font-weight:700;padding:2px 7px;text-transform:uppercase}.immfam-member-email{color:#64748b;color:var(--immortality-text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.immfam-member-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.immfam-member-role-chip{border-radius:999px;font-size:.7rem;font-weight:600;padding:4px 9px;text-transform:uppercase}.immfam-member-role-chip.role-super_admin{background:#fef3c7;color:#92400e}.immfam-member-role-chip.role-admin{background:#e0ecff;color:#1e40af}.immfam-member-role-chip.role-member{background:#eef2ff;color:#4b5563}.immfam-member-remove-btn{background:#0000;border:1px solid #ef4444;border:1px solid var(--immortality-error);border-radius:8px;color:#ef4444;color:var(--immortality-error);cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.immfam-member-remove-btn:hover{background:#fee2e2}.immfam-no-members{color:#64748b;color:var(--immortality-text-secondary);font-size:.86rem;padding:16px;text-align:center}.immfam-card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--immortality-border);padding-top:14px}.immfam-owner-banner{align-items:center;background:linear-gradient(135deg,#fef9c3,#feecc8);border-radius:12px;color:#92400e;display:flex;font-size:.86rem;font-weight:600;gap:8px;justify-content:center;padding:11px}.immfam-owner-icon{font-size:1.1rem}.immfam-leave-btn{background:#0000;border:1.5px solid #ef4444;border:1.5px solid var(--immortality-error);border-radius:12px;color:#ef4444;color:var(--immortality-error);cursor:pointer;font-size:.88rem;font-weight:600;padding:11px;transition:all .2s ease;width:100%}.immfam-leave-btn:hover{background:#fee2e2}.immfam-modal-overlay{align-items:center;animation:immfam-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes immfam-fadeIn{0%{opacity:0}to{opacity:1}}.immfam-modal{animation:immfam-modalUp .25s ease-out;background:#fff;background:var(--immortality-card-bg);border-radius:18px;box-shadow:0 24px 60px #94a3b873;max-height:90vh;max-width:480px;overflow-y:auto;width:90%}@keyframes immfam-modalUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.immfam-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--immortality-border);display:flex;justify-content:space-between;padding:20px 22px 16px}.immfam-modal-header h3{color:#1e293b;color:var(--immortality-text-primary);font-size:1.25rem;font-weight:700;margin:0}.immfam-modal-close{align-items:center;background:#f3f4ff;border:none;border-radius:999px;color:#64748b;color:var(--immortality-text-secondary);cursor:pointer;display:flex;font-size:1.4rem;height:34px;justify-content:center;transition:all .2s ease;width:34px}.immfam-modal-close:hover:not(:disabled){background:#e0e7ff}.immfam-modal-close:disabled{cursor:not-allowed;opacity:.6}.immfam-modal-body{padding:20px 22px}.immfam-modal-warning .immfam-modal-body{text-align:center}.immfam-warning-emoji{font-size:3rem;margin-bottom:14px}.immfam-warning-text{color:#1e293b;color:var(--immortality-text-primary);font-size:1.05rem;line-height:1.5;margin:0 0 16px}.immfam-warning-list{color:#ef4444;color:var(--immortality-error);font-size:.9rem;margin:0;padding-left:22px;text-align:left}.immfam-warning-list li{margin-bottom:6px}.immfam-form{padding:20px 22px 18px}.immfam-form-field{margin-bottom:18px}.immfam-form-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.immfam-form-field label,.immfam-form-input{color:#1e293b;color:var(--immortality-text-primary)}.immfam-form-input{background:#f9fafb;border:1.5px solid #e2e8f0;border:1.5px solid var(--immortality-border);border-radius:12px;font-size:.95rem;padding:11px 14px;transition:all .2s ease;width:100%}.immfam-form-input:focus{background:#fff;border-color:#6366f1;border-color:var(--immortality-primary);box-shadow:0 0 0 2px #6366f140;outline:none}.immfam-form-input:disabled{background:#f3f4f6;cursor:not-allowed}.immfam-form-helper{color:#64748b;color:var(--immortality-text-secondary);display:block;font-size:.8rem;margin-top:5px}.immfam-alert{align-items:center;animation:immfam-slideDown .25s ease-out;border-radius:12px;display:flex;font-size:.9rem;gap:10px;margin-bottom:16px;padding:12px 14px}@keyframes immfam-slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.immfam-alert-icon{flex-shrink:0;font-size:1.2rem}.immfam-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.immfam-alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#047857}.immfam-modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--immortality-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 22px 18px}.immfam-danger-btn,.immfam-secondary-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:100px;padding:10px 20px;transition:all .2s ease}.immfam-secondary-btn{background:#f3f4ff;color:#1e293b;color:var(--immortality-text-primary)}.immfam-secondary-btn:hover:not(:disabled){background:#e0e7ff}.immfam-secondary-btn:disabled{cursor:not-allowed;opacity:.6}.immfam-danger-btn{background:#ef4444;box-shadow:0 10px 22px #ef44444d;color:#fff}.immfam-danger-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 13px 28px #ef444461}.immfam-danger-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}@media (max-width:992px){.immfam-grid{grid-template-columns:1fr}}@media (max-width:768px){.immfam-modal{width:95%}.immfam-primary-btn{padding:8px 18px}.immfam-member-card{flex-wrap:wrap}.immfam-member-actions{justify-content:space-between;margin-top:6px;width:100%}}@media (max-width:480px){.immfam-card-top{align-items:flex-start;flex-direction:column}.immfam-modal-actions{flex-direction:column-reverse}.immfam-modal-actions button{width:100%}.immfam-member-remove-btn{font-size:.75rem}}.immfam-header-leave-btn{align-items:center;background:#fff;border:1.5px solid #ef4444;border:1.5px solid var(--immortality-error);border-radius:999px;box-shadow:0 6px 16px #f871712e;color:#ef4444;color:var(--immortality-error);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;padding:10px 26px;transition:all .2s ease}.immfam-header-leave-btn:hover{background:#fef2f2;box-shadow:0 8px 20px #f871713d;transform:translateY(-1px)}.immfam-header-leave-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.immfam-name-row{align-items:center;display:flex;gap:8px}.immfam-edit-name-btn{background:#6366f10f;border:1px solid #6366f1;border:1px solid var(--imm-primary,#6366f1);border-radius:999px;color:#6366f1;color:var(--imm-primary,#6366f1);cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 10px;transition:all .15s ease;white-space:nowrap}.immfam-edit-name-btn:hover:not(:disabled){background:#6366f1;background:var(--imm-primary,#6366f1);color:#fff}.immfam-edit-name-btn:disabled{cursor:not-allowed;opacity:.6}.immfam-header-actions{align-items:center;display:flex;gap:10px}.immfam-empty-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.immfam-form-textarea{border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:.9rem;padding:10px 12px;resize:vertical;width:100%}.immfam-header-leave-btn.immfam-delete-mode{background-color:#dc3545;border-color:#dc3545;color:#fff}.swal-custom-popup{background:#1a1a1a!important;border:1px solid #ffffff1a!important;border-radius:16px!important;padding:2rem!important}.swal-custom-title{color:#fff!important;font-size:24px!important;font-weight:700!important}.swal-custom-html{color:#b8b8b8!important;font-size:16px!important;line-height:1.6!important}.swal-custom-cancel,.swal-custom-confirm{border-radius:10px!important;font-size:15px!important;font-weight:600!important;padding:12px 32px!important}.swal2-popup{background:#fff!important}.swal2-title{color:#161616!important}.swal2-html-container{color:#b8b8b8!important}.swal2-icon.swal2-warning{border-color:#ff4757!important;color:#ff4757!important}.swal2-icon.swal2-success{border-color:#28a745!important;color:#28a745!important}.swal2-icon.swal2-error{border-color:#ff4757!important;color:#ff4757!important}:root{--bg-main:#f8fafc!important;--bg-card:#fff!important;--bg-secondary:#f1f5f9!important;--bg-sidebar:#8b5cf6!important;--bg-sidebar-hover:#222!important;--text-primary:#0f0f0f!important;--text-secondary:#64748b!important;--text-muted:#94a3b8!important;--text-sidebar:#fff!important;--text-sidebar-active:#fff!important;--border-light:#e2e8f0!important;--border-medium:#cbd5e1!important;--accent-primary:#3b82f6!important;--accent-secondary:#8b5cf6!important;--accent-success:#10b981!important;--accent-warning:#f59e0b!important;--sidebar-width:280px;--sidebar-collapsed-width:70px;--header-height:80px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}.settings-root{background:#f8fafc;background:var(--bg-main);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.settings-topbar{grid-gap:20px;grid-gap:var(--spacing-xl);align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:grid;gap:20px;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;height:80px;height:var(--header-height);padding:16px 24px;padding:var(--spacing-lg) var(--spacing-2xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.settings-breadcrumb{align-items:center;display:flex;gap:12px;gap:var(--spacing-md)}.breadcrumb-back{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.breadcrumb-back:hover{background:#f1f5f9;background:var(--bg-secondary);color:#0f0f0f;color:var(--text-primary)}.settings-title{text-align:center}.settings-title h1{color:#0f0f0f;color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.settings-title .muted{color:#64748b;color:var(--text-secondary);font-size:15px;margin-top:4px;margin-top:var(--spacing-xs)}.settings-user{justify-self:end}.user-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f8fafce6,#fff9);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:999px;display:flex;gap:12px;gap:var(--spacing-md);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.user-pill:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.avatar-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.settings-layout{background:#f8fafc;background:var(--bg-main);display:flex;flex:1 1;height:calc(100vh - 80px);height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.settings-sidebar{background:#8b5cf6;background:var(--bg-sidebar);border:none;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:70px;width:var(--sidebar-collapsed-width);z-index:1050}.settings-sidebar,.settings-sidebar *{background-image:none!important}.settings-sidebar:after,.settings-sidebar:before{content:none!important;display:none!important}.settings-sidebar .circle-decor,.settings-sidebar .sidebar-bullet,.settings-sidebar .sidebar-circle,.settings-sidebar .sidebar-dot,.settings-sidebar .sidebar-floating-dot{display:none!important}.settings-sidebar:not(.collapsed){height:100vh;left:0;top:0;width:280px;width:var(--sidebar-width);z-index:1050}.sidebar-content{background:#8b5cf6;background:var(--bg-sidebar);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px 0}.sidebar-header{color:#fff;gap:12px;gap:var(--spacing-md);margin-bottom:12px;margin-bottom:var(--spacing-md);min-height:56px;padding:0 16px;padding:0 var(--spacing-lg);white-space:nowrap}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:#ffffff0f;border-radius:8px;border-radius:var(--radius-md);font-size:20px}.avatar-circle,.sidebar-logo{height:38px;justify-content:center;width:38px}.avatar-circle{align-items:center;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-radius:6px;color:#fff;color:var(--text-sidebar);display:flex;font-weight:600}.sidebar-collapsed-tooltip{display:none!important}.sidebar-text{opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-sidebar:not(.collapsed) .sidebar-text{opacity:1}.sidebar-title{color:#fff;color:var(--text-sidebar-active);font-size:18px;font-weight:700}.sidebar-subtitle{color:#fff;color:var(--text-sidebar);font-size:13px}.setting-sidebar-nav{align-items:start;display:flex;flex:1 1;flex-direction:column;padding-left:8px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;box-sizing:border-box;color:#fff;color:var(--text-sidebar);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:flex-start;min-height:48px;padding:8px 12px;position:relative;text-align:start;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap;width:100%}.settings-sidebar.collapsed .nav-item{justify-content:center;padding:8px 6px}.nav-icon{display:inline-flex;flex-shrink:0;height:44px;width:44px}.icon-wrapper,.nav-icon{align-items:center;justify-content:center}.icon-wrapper{background:#ffffff0a;border-radius:10px;box-shadow:none;color:inherit;display:flex;font-size:18px;height:40px;transition:background .18s,transform .12s,box-shadow .12s;width:40px}.icon-wrapper:after,.icon-wrapper:before{content:none!important;display:none!important}.icon-wrapper>*{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;line-height:1;width:100%}.nav-label{flex:1 1;line-height:1.2;opacity:0;overflow:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-sidebar:not(.collapsed) .nav-item .nav-label{opacity:1;pointer-events:none}.nav-badge{background:#3b82f6;background:var(--accent-primary);border-radius:6px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;margin-left:auto;opacity:0;padding:3px 6px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-sidebar:not(.collapsed) .nav-item .nav-badge{opacity:1}.nav-item:hover{background:#ffffff05;border-radius:0}.nav-item:hover,.nav-item:hover .icon-wrapper{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-sidebar-active)}.nav-item:hover .icon-wrapper{background:linear-gradient(135deg,#3b82f61f,#8b5cf614);transform:translateY(-1px)}.nav-item.active{background:#fff;background:var(--bg-card);border-radius:0;border-right:3px solid #8b5cf6;border-right:3px solid var(--bg-sidebar);color:#8b5cf6;color:var(--bg-sidebar)}.nav-item.active .icon-wrapper{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:none}.nav-item:after{background:#8b5cf6;background:var(--bg-sidebar);border:1px solid #ffffff0a;border-radius:10px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);color:#fff;color:var(--text-sidebar-active);content:attr(data-tooltip);font-size:13px;font-weight:500;left:calc(100% + 8px);padding:8px 12px;pointer-events:none;white-space:nowrap}.nav-item:after,.nav-item:before{opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .16s,visibility .16s;visibility:hidden;z-index:1100}.nav-item:before{border:6px solid #0000;border-right:6px solid var(--bg-sidebar);content:"";left:calc(100% + 2px)}.settings-sidebar.collapsed .nav-item:hover:after,.settings-sidebar.collapsed .nav-item:hover:before,.settings-sidebar:not(.collapsed) .nav-item:hover:after,.settings-sidebar:not(.collapsed) .nav-item:hover:before{opacity:1;visibility:visible}.settings-sidebar :after,.settings-sidebar :before{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;content:none!important;height:auto!important;min-height:0!important;min-width:0!important;width:auto!important}.sidebar-footer{border-top:1px solid #ffffff0a;color:#fff;color:var(--text-sidebar);font-size:12px;font-style:italic;line-height:1.4;opacity:0;padding:16px 20px;padding:var(--spacing-lg) var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-sidebar:not(.collapsed) .sidebar-footer{opacity:1}.settings-content{background:#f8fafc;background:var(--bg-main);border:none;box-shadow:none;display:flex;flex:1 1;flex-direction:column;margin-left:70px;margin-left:var(--sidebar-collapsed-width);min-height:100%;overflow:hidden;transition:none;width:calc(100% - 70px);width:calc(100% - var(--sidebar-collapsed-width))}.content-header{align-items:flex-start;background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:20px;gap:var(--spacing-xl);justify-content:space-between;margin:16px 16px 0;margin:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg);padding:24px 24px 20px;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl)}.content-body{background:#f8fafc;background:var(--bg-main);flex:1 1;overflow-y:auto;padding:16px;padding:var(--spacing-lg)}.content-grid{grid-gap:20px;grid-gap:var(--spacing-xl);border-radius:16px;border-radius:var(--radius-xl);display:grid;gap:20px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0;padding:16px;padding:var(--spacing-lg)}.content-grid,.settings-card{background:#fff;background:var(--bg-card);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.settings-card{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;padding:20px;padding:var(--spacing-xl);position:relative}.settings-card,.settings-card:before{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.settings-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0}.settings-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.settings-card:hover:before{opacity:1}@media (max-width:768px){.settings-sidebar{transform:translateX(-100%);width:280px;width:var(--sidebar-width)}.settings-sidebar.mobile-open{transform:translateX(0)}.settings-content{margin-left:0;width:100%}.content-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){:root{--bg-main:#0f172a;--bg-card:#1e293b;--bg-secondary:#334155;--bg-sidebar:#111827;--bg-sidebar-hover:#1f2937;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-sidebar:#9ca3af;--text-sidebar-active:#f9fafb;--border-light:#334155;--border-medium:#475569}}.members-settings-wrapper{background:#0000;padding:0}.members-settings-wrapper .members-container{background:#0000;min-height:auto}.members-settings-wrapper .members-header{display:none}.members-settings-wrapper .members-grid{margin-top:0}.members-settings-wrapper .member-card{background:#fff;border:1px solid #e0e6ed;border:1px solid var(--border-color,#e0e6ed);transition:all .2s ease}.members-settings-wrapper .member-card:hover{border-color:#4285f4;border-color:var(--primary-color,#4285f4);box-shadow:0 8px 25px #4285f426;transform:translateY(-2px)}.members-settings-wrapper .custom-member-badge{background:#ff6b35;background:var(--warning-color,#ff6b35);border:2px solid #fff;box-shadow:0 2px 8px #ff6b354d;color:#fff;font-weight:600}.settings-content .members-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.member-type-display{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-top:8px;padding:4px 8px}.member-type-display.registered{background:#e8f5e8;color:#2e7d32}.member-type-display.custom{background:#fff3e0;color:#ef6c00}@media (max-width:768px){.members-settings-wrapper .members-grid{gap:16px;grid-template-columns:1fr}.content-header .header-actions{flex-direction:column;gap:8px}.content-header .header-actions .btn{justify-content:center;width:100%}}.members-stats{display:flex;gap:16px;margin-top:12px}.stat-item{align-items:center;background:#f8f9fa;border-radius:16px;display:flex;font-size:13px;gap:6px;padding:6px 12px}.stat-item .stat-number{color:#4285f4;color:var(--primary-color,#4285f4);font-weight:600}.stat-item .stat-label{color:#666}.profile-headline{color:#666;font-size:16px;font-weight:400;margin:0 0 8px}.profile-email{color:#0a66c2;font-size:14px;margin:0}.profile-joined{color:#666;font-size:14px;margin:0}.file-storage-header{padding:20px}.header-logo{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:800!important;margin:0 0 .25rem}.header-title-logo{color:var(--text);font-size:40px;font-weight:500;letter-spacing:.5px;margin:20px 0 0}.header-title p{color:var(--muted);font-size:15px;margin:8px 0 0}[data-theme=dark] .file-storage-header{background:radial-gradient(1200px 500px at -5% -10%,#581c8759 0,#0f172a00 60%),radial-gradient(900px 420px at 105% -15%,#fb718540 0,#0f172a00 60%),var(--bg);box-shadow:0 20px 45px #0f172abf,0 0 0 1px #94a3b840;padding:20px}[data-theme=dark] .header-logo{text-shadow:0 8px 30px #0f172ae6,0 0 18px #818cf8a6}[data-theme=dark] .header-title-logo{color:#e5e7eb;text-shadow:0 4px 18px #0f172ae6}[data-theme=dark] .header-title p{color:#9ca3af}.nav-bar-wrapper{align-items:center;display:flex;justify-content:space-between;padding:0 26px;width:100%}.nav-tabs{border-radius:999px;display:flex;gap:10px}.nav-tab{background:#0000;border:0;border-radius:999px;color:#47507a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.nav-tab:hover{background:#6b73ff1f;color:var(--brand-1)}.nav-tab.active{background:linear-gradient(90deg,#9852f5,#842cff);box-shadow:0 6px 18px #6b73ff2e;color:#fff}[data-theme=dark] .nav-bar-wrapper{padding:0 26px}[data-theme=dark] .nav-tabs{border-radius:999px}[data-theme=dark] .nav-tab{background:#0000;color:#e5e7eb}[data-theme=dark] .nav-tab:hover{background:#818cf82e;color:#c7d2fe}[data-theme=dark] .nav-tab.active{background:linear-gradient(90deg,#4f46e5,#a855f7);box-shadow:0 6px 18px #0f172ab3,0 0 0 1px #818cf880;color:#f9fafb}.storage-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.storage-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.storage-modal-header{align-items:center;border-bottom:1px solid #eef0f8;display:flex;justify-content:space-between;padding:24px 28px}.storage-modal-header h2{color:#1f1f1f;font-size:22px;font-weight:700;margin:0}.storage-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.storage-modal-close:hover{background:#f5f5f5;color:#333}.storage-modal-body{max-height:calc(85vh - 100px);overflow-y:auto;padding:24px 28px}.storage-overall-section{margin-bottom:32px}.storage-overall-section h3{color:#1f1f1f;font-size:16px;font-weight:700;margin:0 0 16px}.storage-overall-card{background:#915afd;border-radius:12px;color:#fff;padding:24px}.storage-overall-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.storage-overall-text{align-items:baseline;display:flex;gap:8px}.storage-used{font-size:28px;font-weight:800}.storage-divider{font-size:20px;opacity:.7}.storage-total{font-size:18px;opacity:.9}.storage-percentage{font-size:14px;font-weight:600;opacity:.95}.storage-overall-bar{background:#ffffff4d;border-radius:10px;height:10px;overflow:hidden}.storage-overall-fill{background:#fff;border-radius:10px;height:100%;transition:width .3s ease}.storage-members-section h3{color:#1f1f1f;font-size:16px;font-weight:700;margin:0 0 16px}.storage-empty,.storage-loading{align-items:center;color:#999;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px}.storage-loading i{color:#915afd;font-size:32px}.storage-empty i{color:#ddd;font-size:48px}.storage-empty p{font-size:15px;margin:0}.storage-members-list{display:flex;flex-direction:column;gap:12px}.storage-member-card{background:#f9fafb;border-radius:12px;padding:16px;transition:all .2s}.storage-member-card:hover{background:#f5f6f8;box-shadow:0 2px 8px #0000000f}.storage-member-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.storage-member-avatar{border-radius:50%;flex-shrink:0;height:42px;overflow:hidden;position:relative;width:42px}.storage-member-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.storage-member-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#915afd,#7c3aed);color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.storage-member-info{flex:1 1;min-width:0}.storage-member-info h4{color:#1f1f1f;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-member-role{background:#e5e7eb;border-radius:4px;color:#666;display:inline-block;font-size:12px;padding:2px 8px;text-transform:capitalize}.storage-member-usage{display:flex;flex-direction:column;gap:2px;text-align:right}.storage-member-size{color:#1f1f1f;font-size:16px;font-weight:700}.storage-member-percentage{color:#666;font-size:12px}.storage-member-bar{background:#e5e7eb;border-radius:6px;height:6px;margin-bottom:8px;overflow:hidden}.storage-member-fill{border-radius:6px;height:100%;transition:width .3s ease}.storage-member-stats{color:#666;display:flex;font-size:12px;gap:16px}.storage-member-stats span{align-items:center;display:flex;gap:6px}.storage-member-stats i{color:#915afd}.storage-modal-body::-webkit-scrollbar{width:8px}.storage-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.storage-modal-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.storage-modal-body::-webkit-scrollbar-thumb:hover{background:#999}.storage-error{align-items:center;color:#dc3545;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px}.storage-error i{color:#dc3545;font-size:48px}.storage-error p{color:#666;font-size:15px;margin:0}.retry-btn{background:#915afd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:8px 24px;transition:all .2s}.retry-btn:hover{background:#7c3aed;transform:translateY(-1px)}.member-type-badge{background:#e5e7eb;border-radius:4px;font-size:11px;padding:2px 8px;text-transform:capitalize}[data-theme=dark] .storage-modal-overlay{background:#0f172acc}[data-theme=dark] .storage-modal-content{background:#020617;border:1px solid #94a3b866;border-radius:18px;box-shadow:0 24px 80px #0f172af2}[data-theme=dark] .storage-modal-header{background:radial-gradient(circle at top left,#581c8780,#0000),#020617;border-bottom:1px solid #1e40af99}[data-theme=dark] .storage-modal-header h2{color:#e5e7eb}[data-theme=dark] .storage-modal-close{color:#9ca3af}[data-theme=dark] .storage-modal-close:hover{background:#0f172ae6;color:#f9fafb}[data-theme=dark] .storage-modal-body{background:radial-gradient(circle at top left,#581c8759,#0000),radial-gradient(circle at bottom right,#38bdf840,#0000),#020617}[data-theme=dark] .storage-members-section h3,[data-theme=dark] .storage-overall-section h3{color:#e5e7eb}[data-theme=dark] .storage-overall-card{background:radial-gradient(circle at top left,#8b5cf6,#6366f1);box-shadow:0 16px 40px #3b82f6b3}[data-theme=dark] .storage-overall-bar{background:#0f172a80}[data-theme=dark] .storage-overall-fill{background:#f9fafb}[data-theme=dark] .storage-member-card{background:#0f172ae6;border:1px solid #1e40af80;box-shadow:0 10px 30px #0f172acc}[data-theme=dark] .storage-member-card:hover{background:#020617}[data-theme=dark] .storage-member-info h4{color:#e5e7eb}[data-theme=dark] .member-type-badge,[data-theme=dark] .storage-member-role{background:#1e40af4d;color:#e5e7eb}[data-theme=dark] .storage-member-size{color:#f9fafb}[data-theme=dark] .storage-member-percentage{color:#9ca3af}[data-theme=dark] .storage-member-bar{background:#0f172ae6}[data-theme=dark] .storage-member-fill{background:linear-gradient(90deg,#8b5cf6,#f97316)}[data-theme=dark] .storage-member-stats{color:#9ca3af}[data-theme=dark] .storage-member-stats i{color:#f97316}[data-theme=dark] .storage-empty,[data-theme=dark] .storage-loading{color:#9ca3af}[data-theme=dark] .storage-empty i{color:#4b5563}[data-theme=dark] .storage-error{color:#fecaca}[data-theme=dark] .storage-error i{color:#f87171}[data-theme=dark] .storage-error p{color:#e5e7eb}[data-theme=dark] .storage-modal-body::-webkit-scrollbar-track{background:#0f172ae6}[data-theme=dark] .storage-modal-body::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] .storage-modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280}[data-theme=dark] .retry-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 10px 30px #3b82f6b3;color:#f9fafb}[data-theme=dark] .retry-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.top-storage-bar-wrapper{display:flex;justify-content:flex-end;margin:0 26px -2px}.top-storage-bar{align-items:center;background:#fff;border-radius:50px;display:flex;gap:16px;min-width:420px;padding:16px 24px}.storage-info-container{align-items:center;display:flex;gap:8px;white-space:nowrap}.top-storage-bar-text{color:#1e293b;font-size:14px;font-weight:700;transition:color .3s ease;white-space:nowrap}.top-storage-bar-track{background:#eef0f8;border-radius:20px;display:flex;flex:1 1;height:10px;min-width:100px;overflow:hidden;position:relative}.bar-segment{height:100%;transition:width .3s ease}.bar-segment.images{background:#6b73ff}.bar-segment.documents{background:#f7a900}.bar-segment.music{background:#d633ff}.bar-segment.videos{background:#42c9a1}.bar-overall-indicator{transition:all .3s ease}.view-usage-btn{background:#915afd;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.view-usage-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #915afd4d;transform:translateY(-1px)}.view-usage-btn:active{transform:translateY(0)}.storage-plan-badge{align-items:center;background:linear-gradient(135deg,#915afd,#7c3aed);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}[data-theme=dark] .top-storage-bar{align-items:center;background:#020617;border:1px solid #1e293b;border-radius:50px;box-shadow:0 14px 35px #0f172ab3;display:flex;gap:16px;padding:16px 24px}[data-theme=dark] .top-storage-bar-text{color:#f9fafb!important}[data-theme=dark] .top-storage-bar-track{background:#0f172a}[data-theme=dark] .bar-segment.images{background:#4f46e5}[data-theme=dark] .bar-segment.documents{background:#f59e0b}[data-theme=dark] .bar-segment.music{background:#e879f9}[data-theme=dark] .bar-segment.videos{background:#22c55e}[data-theme=dark] .view-usage-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 8px 24px #38bdf859;color:#f9fafb}.nav-controls{background:#fff;border-radius:50px;gap:20px;justify-content:space-between;margin:20px 0 25px;padding:16px 26px;transition:all .3s ease}.controls-left,.nav-controls{align-items:center;display:flex}.controls-left{flex:1 1;gap:18px;min-width:0}.filter-select,.sort-select{-webkit-appearance:none;appearance:none;background:#f8f9fc;border:none;border-radius:30px;box-shadow:inset 0 0 0 1px #e6e9f3;color:#555;font-size:17px;font-weight:500;outline:none;padding:10px 20px;transition:all .2s ease}.filter-select:hover,.sort-select:hover{background:#f1f3fa}.filter-select:focus,.sort-select:focus{box-shadow:inset 0 0 0 2px #6b73ff}.secured-btn,.shared-btn{-webkit-appearance:none;appearance:none;background:#f8f9fc;border:none;border-radius:30px;box-shadow:inset 0 0 0 1px #e6e9f3;color:#555;cursor:pointer;font-size:17px;font-weight:500;height:42px;line-height:42px;outline:none;padding:10px 20px;transition:all .2s ease}.secured-btn:hover,.shared-btn:hover{background:#f1f3fa;box-shadow:inset 0 0 0 1px #d8dbef;color:#303655}.controls-left .secured-btn,.controls-left .shared-btn{height:42px;line-height:42px;padding:0 18px;text-align:center;width:150px!important}.search-box{align-items:center;display:flex;flex:1 1;position:relative}.search-box input{background:#f8f9fc;border:none;border-radius:30px;box-shadow:inset 0 0 0 1px #e6e9f3;font-size:17px;outline:none;padding:10px 44px 10px 20px;transition:box-shadow .2s ease;width:100%}.search-box input:focus{box-shadow:inset 0 0 0 2px #6b73ff}.search-box:after{color:#888;content:"\f002";font-family:Font Awesome\ 5 Free;font-size:14px;font-weight:900;position:absolute;right:18px}.controls-right{flex-shrink:0}.upload-btn{align-items:center;background:#303655;border:none;border-radius:50px;box-shadow:0 6px 18px #6b73ff4d;color:#fff;cursor:pointer;display:inline-flex!important;font-size:14px;font-weight:700;justify-content:center;padding:12px 28px;transition:all .25s ease}.upload-btn:hover{box-shadow:0 10px 25px #6b73ff66;transform:translateY(-2px)}.upload-btn i{font-size:15px;margin-right:8px}[data-theme=dark] .nav-controls{background:radial-gradient(1200px 500px at -5% -10%,#581c8759 0,#0f172a00 60%),radial-gradient(900px 420px at 105% -15%,#fb718540 0,#0f172a00 60%),var(--bg);border:1px solid #ffffff4d;border-radius:999px;box-shadow:0 12px 30px #0f172a8c}[data-theme=dark] .controls-left{color:var(--text-primary)}[data-theme=dark] .filter-select,[data-theme=dark] .sort-select{background:#0b1020;box-shadow:inset 0 0 0 1px #94a3b899;color:#e5e7eb}[data-theme=dark] .filter-select:hover,[data-theme=dark] .sort-select:hover{background:#020617}[data-theme=dark] .filter-select:focus,[data-theme=dark] .sort-select:focus{box-shadow:inset 0 0 0 2px var(--accent-primary)}[data-theme=dark] .secured-btn,[data-theme=dark] .shared-btn{background:#020617;box-shadow:inset 0 0 0 1px #94a3b899;color:#e5e7eb}[data-theme=dark] .secured-btn.active,[data-theme=dark] .shared-btn.active{background:linear-gradient(135deg,#020617,#020617);box-shadow:0 0 0 1px #4f46e5,0 10px 25px #0f172ae6;color:#f9fafb}[data-theme=dark] .secured-btn:hover,[data-theme=dark] .shared-btn:hover{background:#020617;box-shadow:inset 0 0 0 1px var(--accent-primary);color:#e5e7eb}[data-theme=dark] .search-box input{background:#020617;box-shadow:inset 0 0 0 1px #94a3b899;color:#e5e7eb}[data-theme=dark] .search-box input::placeholder{color:var(--text-muted)}[data-theme=dark] .search-box input:focus{box-shadow:inset 0 0 0 2px var(--accent-primary)}[data-theme=dark] .search-box:after{color:var(--text-muted)}[data-theme=dark] .controls-right{color:var(--text-primary)}[data-theme=dark] .upload-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 10px 30px #0f172ab3;color:#fff}[data-theme=dark] .upload-btn:hover{box-shadow:0 14px 36px #0f172ad9;transform:translateY(-2px)}.upload-progress{background:var(--card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:16px 26px 18px;padding:14px 16px}.progress-bar{background:#eef0f8}.progress-fill{background:linear-gradient(90deg,var(--brand-1),var(--brand-2),var(--brand-3))}.progress-text{color:var(--brand-1);font-weight:700}.collection-info{color:var(--muted)}[data-theme=dark] .upload-progress{background:#020617;border:1px solid #1e293b;box-shadow:0 14px 35px #0f172acc}[data-theme=dark] .progress-bar{background:#0f172a}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#ec4899)}[data-theme=dark] .progress-text{color:#e5e7eb}[data-theme=dark] .collection-info{color:#9ca3af}.storage-section{margin:10px 26px 26px}.storage-section-title{color:var(--text);font-size:18px;font-weight:600;margin:0 0 14px}.storage-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.storage-card{background:var(--card);border:1px solid #0000;border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:18px 20px;position:relative;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.storage-card:before{background:radial-gradient(circle at top left,#fff,#0000 55%);content:"";inset:0;opacity:.12;pointer-events:none;position:absolute}.storage-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.storage-card-active{border-color:var(--brand-1);box-shadow:0 18px 40px #8b5cf647;transform:translateY(-4px)}.storage-card-active .storage-card-icon{box-shadow:0 10px 26px #8b5cf659}.storage-card-header{align-items:center;display:flex;gap:17px;justify-content:flex-start;margin-bottom:10px}.storage-card-icon{align-items:center;background:#ffffffe6;border-radius:14px;box-shadow:0 6px 18px #0000000a;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.storage-card-icon i{font-size:18px}.storage-card-meta{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-width:0}.storage-card-meta h3{color:var(--text);font-size:16px;font-weight:600;margin:0}.storage-card-meta span{color:var(--muted);font-size:12px}.storage-card-body{margin-top:4px}.storage-card-usage{color:#6d7283;font-size:12px;margin:0 0 6px}.storage-card-progress{background:#eef0f8;border-radius:999px;height:6px;overflow:hidden;width:100%}.storage-card-progress-fill{background:linear-gradient(90deg,var(--brand-1),var(--brand-2),var(--brand-3));border-radius:inherit;height:100%;transition:width .3s ease}.storage-card-images .storage-card-icon{background:#6b73ff1f}.storage-card-images .storage-card-icon i{color:#6b73ff}.storage-card-documents .storage-card-icon{background:#fabc3c24}.storage-card-documents .storage-card-icon i{color:#f7a900}.storage-card-music .storage-card-icon{background:#4cc9f024}.storage-card-music .storage-card-icon i{color:#00bcd4}.storage-card-videos .storage-card-icon{background:#ff7ac329}.storage-card-videos .storage-card-icon i{color:#ff5c93}.storage-card-media .storage-card-icon{background:#3b82f61a}.storage-card-others .storage-card-icon{background:#94a3b826}@media (max-width:1200px){.storage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.storage-cards{grid-template-columns:1fr}}[data-theme=dark] .storage-section-title{color:var(--text)}[data-theme=dark] .storage-card{background:#020617;border:1px solid #94a3b859;box-shadow:0 18px 40px #0f172ae6}[data-theme=dark] .storage-card:before{background:radial-gradient(circle at top left,#818cf880,#0000 60%);opacity:.18}[data-theme=dark] .storage-card:hover{box-shadow:0 22px 60px #0f172a}[data-theme=dark] .storage-card-active{background:radial-gradient(circle at top left,#020617,#020617);border-color:#a855f7;box-shadow:0 22px 70px #581c87e6}[data-theme=dark] .storage-card-active .storage-card-icon{box-shadow:0 14px 32px #a855f7b3}[data-theme=dark] .storage-card-meta h3{color:#e5e7eb}[data-theme=dark] .storage-card-meta span,[data-theme=dark] .storage-card-usage{color:#9ca3af}[data-theme=dark] .storage-card-progress{background:#0f172ae6}[data-theme=dark] .storage-card-progress-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1,#f97316)}[data-theme=dark] .storage-card-icon{background:radial-gradient(circle at top left,#0f172a1a,#0f172acc);box-shadow:0 10px 25px #0f172acc}[data-theme=dark] .storage-card-images .storage-card-icon{background:#6366f140}[data-theme=dark] .storage-card-documents .storage-card-icon{background:#facc1540}[data-theme=dark] .storage-card-music .storage-card-icon{background:#22d3ee40}[data-theme=dark] .storage-card-videos .storage-card-icon{background:#f472b64d}[data-theme=dark] .storage-card-media .storage-card-icon{background:#3b82f647}[data-theme=dark] .storage-card-others .storage-card-icon{background:#94a3b84d}.table-row{align-items:center;background:#0000!important;border-bottom:1px solid #7882a026;display:grid;grid-template-columns:2.2fr .9fr .8fr 1fr .8fr .8fr 1.2fr;padding:14px 0;transition:background-color .2s ease,transform .12s ease}.table-row:hover{background:#ffffff0f!important}.cell{background:#0000!important;color:var(--text);font-size:14px;gap:8px}.cell,.file-name-cell{align-items:center;display:flex}.file-name-cell{gap:12px;min-width:0;text-align:left}.file-thumb{border:1px solid #eef0f5;border-radius:10px;box-shadow:0 6px 16px #1212120f;flex-shrink:0;height:44px;object-fit:cover;width:44px}.file-name{color:#2d3142;flex:1 1 auto;line-height:1.2;max-width:100%;min-width:0;text-align:left}.status.no,.status.yes{border:1px solid #0000;border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px}.status.yes{background:#e6f6ec;border-color:#d7f1e2;color:#167e3d}.status.no{background:#f1f3f7;border-color:#e7eaf1;color:#6b7280}.file-type-cell{color:#666;font-size:14px}.file-icon{align-items:center;background:#f6f7ff;border:1px solid #eef0ff;border-radius:10px;display:inline-flex;height:34px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;width:34px}.file-icon:hover{box-shadow:0 6px 14px #323b821a;transform:translateY(-1px)}.pdf-icon .fas{color:#ff5e5e!important}.word-icon .fas{color:#3a7bd5!important}.excel-icon .fas{color:#2ecc71!important}.ppt-icon .fas{color:#ff9f43!important}.image-icon .fas{color:#9b59b6!important}.video-icon .fas{color:#e74c3c!important}.audio-icon .fas{color:#e67e22!important}.archive-icon .fas{color:#8b572a!important}.text-icon .fas{color:#7f8c8d!important}.code-icon .fas{color:#00bfa6!important}.default-icon .fas{color:#9aa3af!important}.download-cell{align-items:center;display:flex;gap:10px}.icon-btn{align-items:center;background:#eef1f7;border:none;border-radius:50%;color:#3f465a;cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;width:38px}.icon-btn:hover{box-shadow:0 10px 20px #58627e26;transform:translateY(-2px)}.security-btn.file-locked{background:#ffe7ec;color:#b4232a}.security-btn.file-unlocked{background:#eaf5ff;color:#1c64f2}.download-btn:hover{background:#eafaf0;color:var(--success)}.delete-btn:hover{background:#ffe9ed;color:var(--danger)}.share-btn:hover{background:#f3eaff;color:var(--brand-2)}[data-theme=dark] .table-row{border-bottom:1px solid #94a3b840}[data-theme=dark] .table-row:hover{background:#0f172ad9!important}[data-theme=dark] .cell{color:#e5e7eb}[data-theme=dark] .file-thumb{border:1px solid #1e40afb3;box-shadow:0 10px 26px #0f172ae6}[data-theme=dark] .file-name{color:#f9fafb}[data-theme=dark] .file-type-cell{color:#9ca3af}[data-theme=dark] .status.yes{background:#16a34a1f;border-color:#22c55e59;color:#4ade80}[data-theme=dark] .status.no{background:#1f2937b3;border-color:#374151cc;color:#e5e7eb}[data-theme=dark] .file-icon{background:radial-gradient(circle at 30% 0,#94a3b866,#0f172af2);border:1px solid #374151e6;box-shadow:0 12px 28px #0f172ae6}[data-theme=dark] .icon-btn{background:#1e293be6;box-shadow:0 8px 22px #0f172ae6;color:#e5e7eb}[data-theme=dark] .icon-btn:hover{box-shadow:0 12px 30px #0f172a}[data-theme=dark] .security-btn.file-locked{background:#f8717129;color:#fecaca}[data-theme=dark] .security-btn.file-unlocked{background:#3b82f629;color:#bfdbfe}[data-theme=dark] .download-btn:hover{background:#22c55e29;color:#bbf7d0}[data-theme=dark] .delete-btn:hover{background:#f8717129;color:#fecaca}[data-theme=dark] .share-btn:hover{background:#a78bfa33;color:#e9d5ff}.recent-file{margin:0 26px 10px}.recent-file h2{color:var(--text);font-size:20px;font-weight:600;margin:0}.files-table{background:#0000!important;border-radius:0!important;box-shadow:none!important;margin:0 26px 40px;overflow:visible}.table-header{background:#0000!important;border-bottom:0;color:#6b7390;display:grid;font-size:13px;font-weight:700;grid-template-columns:2.2fr .9fr .8fr 1fr .8fr .8fr 1.2fr;letter-spacing:.2px;padding:14px 0}.header-cell{align-items:center;display:flex}.table-body{background:#0000!important}.empty-state{color:var(--muted);font-size:15px;padding:56px 20px}.file-storage-loading{align-items:center;color:var(--muted);display:flex;flex-direction:column;height:48vh;justify-content:center}.loading-spinner{border:4px solid #eef0ff;border-top:4px solid var(--brand-1);height:42px;margin-bottom:14px;width:42px}[data-theme=dark] .recent-file h2{color:#e5e7eb}[data-theme=dark] .files-table{background:#0000!important;box-shadow:none!important}[data-theme=dark] .table-header{color:#9ca3af}[data-theme=dark] .header-cell{color:inherit}[data-theme=dark] .table-body{background:#0000!important}[data-theme=dark] .file-storage-loading,[data-theme=dark] .files-table .empty-state,[data-theme=dark] .recent-file .empty-state{color:#64748b}[data-theme=dark] .loading-spinner{border:4px solid #1e40af73;border-top-color:#a855f7}.imShareOverlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.imShareModal{background:#fff;border-radius:14px;box-shadow:0 12px 40px #0003;overflow:hidden;width:min(760px,92vw)}.imShareHeader{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px 18px}.imShareTitle{font-size:18px;font-weight:700}.imShareClose{background:#0000;border:none;cursor:pointer;font-size:18px;padding:6px 8px}.imShareTabs{border-bottom:1px solid #0000000f;display:flex;gap:10px;padding:10px 18px}.imShareTab{background:#f7f7fb;border:1px solid #0000001a;border-radius:999px;cursor:pointer;font-weight:600;padding:8px 14px}.imShareTab.active{background:#6b4eff;border-color:#6b4eff;color:#fff}.imShareMsg{border-bottom:1px solid #0000000f;color:#333;font-size:13px;padding:10px 18px}.imShareBody{padding:16px 18px 20px}.imShareSectionTitle{font-weight:800;margin-bottom:8px}.imShareHint{font-size:12px;line-height:1.35;margin-bottom:10px;opacity:.75}.imShareRow{display:flex;gap:10px}.imShareInput,.imShareTextarea{border:1px solid #00000026;border-radius:10px;outline:none;padding:10px 12px;width:100%}.imShareTextarea{min-height:90px;resize:vertical}.imShareBtnRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.imBtn{background:#6b4eff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.imBtn:disabled{cursor:not-allowed;opacity:.6}.imBtn.danger{background:#e24747}.imShareDivider{background:#0000000f;height:1px;margin:16px 0}.imShareSmall{font-size:12px;opacity:.75}.imShareLogsTop{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.imLogsTableWrap{border:1px solid #00000014;border-radius:10px;max-height:360px;overflow:auto}.imLogsTable{border-collapse:collapse;font-size:13px;width:100%}.imLogsTable td,.imLogsTable th{border-bottom:1px solid #0000000f;padding:10px;text-align:left;vertical-align:top}.imLogsTable th{background:#fafafe;position:-webkit-sticky;position:sticky;top:0;z-index:1}.pop-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.pop-card{background:radial-gradient(120% 120% at 20% 10%,#f7f6ff 0,#f3efff 35%,#f7f5ff 100%);border-radius:18px;box-shadow:0 16px 60px #00000038;overflow:hidden;padding:26px 22px 18px;position:relative;text-align:center;width:min(520px,92vw)}.pop-iconWrap{display:flex;justify-content:center;margin-bottom:10px}.pop-icon{height:110px;object-fit:contain;width:110px}.pop-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:6px;margin-top:6px}.pop-message{color:#111827b8;font-size:13px;line-height:1.4;margin-bottom:14px}.pop-body{margin:8px 0 14px}.pop-input,.pop-textarea{background:#ffffffd9;border:1px solid #7c3aed2e;border-radius:12px;font-size:14px;outline:none;padding:12px;width:100%}.pop-textarea{resize:vertical}.pop-error{color:#dc2626;font-size:12px;margin-bottom:10px;margin-top:-6px}.pop-actions{display:flex;gap:10px;justify-content:center;padding-top:6px}.pop-btn{border:0;border-radius:999px;cursor:pointer;font-weight:700;min-width:140px;padding:10px 18px}.pop-btnPrimary{background:#7c3aed;color:#fff}.pop-btnPrimary:hover{filter:brightness(.98)}.pop-btnDanger{background:#7c3aed;color:#fff}.pop-btnGhost{background:#7c3aed1f;color:#5b21b6}.pop-btnGhost:hover{background:#7c3aed29}.pop-radioGroup{display:flex;flex-direction:column;gap:10px;text-align:left}.pop-radioRow{align-items:center;background:#ffffffbf;border:1px solid #7c3aed1f;border-radius:12px;display:flex;gap:10px;padding:10px 12px}.pop-form{display:flex;flex-direction:column;gap:10px;text-align:left}.pop-label{color:#111827bf;font-size:12px;font-weight:700;margin-bottom:6px}:root{--bg:#f6f7fb;--card:#fff;--text:#2b2f38;--muted:#707784;--line:#e9ecf2;--brand-1:#6b73ff;--brand-2:#a17fe0;--brand-3:#ff7ac3;--success:#28a745;--danger:#dc3545;--radius-lg:16px;--radius-md:12px;--shadow-sm:0 4px 14px #161d250f;--shadow-md:0 10px 30px #161d2514}.file-storage{background:radial-gradient(1200px 500px at -5% -10%,#e9eeff 0,#e9eeff00 60%),radial-gradient(900px 420px at 105% -15%,#ffe9f6 0,#ecefff 60%),#f6f7fb;background:radial-gradient(1200px 500px at -5% -10%,#e9eeff 0,#e9eeff00 60%),radial-gradient(900px 420px at 105% -15%,#ffe9f6 0,#ecefff 60%),var(--bg);min-height:100vh;padding:28px;position:relative}.file-storage-nav{align-items:center;background:#fff;background:var(--card);box-shadow:0 4px 14px #161d250f;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:12px}@media (max-width:768px){.file-storage{padding:16px}.file-storage-nav{align-items:flex-start;flex-direction:column;gap:12px}}:root[data-theme=dark]{--bg:#020617;--card:#020617;--text:#e5e7eb;--muted:#94a3b8;--line:#1f2937}[data-theme=dark] .file-storage{background:radial-gradient(1200px 500px at -5% -10%,#581c8759 0,#0f172a00 60%),radial-gradient(900px 420px at 105% -15%,#fb718540 0,#0f172a00 60%),#f6f7fb;background:radial-gradient(1200px 500px at -5% -10%,#581c8759 0,#0f172a00 60%),radial-gradient(900px 420px at 105% -15%,#fb718540 0,#0f172a00 60%),var(--bg);color:#2b2f38;color:var(--text)}[data-theme=dark] .file-storage-nav{background:#fff;background:var(--card);border:1px solid #e9ecf2;border:1px solid var(--line);box-shadow:0 4px 14px #161d250f;box-shadow:var(--shadow-sm)}.my-photos-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden;padding:0}.my-photos-loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;height:40vh;justify-content:center}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#6b73ff;height:44px;width:44px}[data-theme=dark] .my-photos-content{background:#020617;border:1px solid #1f2937;box-shadow:0 10px 40px #0f172acc}[data-theme=dark] .my-photos-content .my-photos-loading{color:#9ca3af}[data-theme=dark] .my-photos-content .loading-spinner{border:5px solid #0f172a;border-top-color:#8b5cf6;border-top:5px solid var(--accent-primary,#8b5cf6)}[data-theme=dark] .my-photos-content .empty-state{color:#9ca3af}.photos-nav-controls{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000a;justify-content:space-between;margin:18px 20px;padding:12px 14px}.photos-nav-controls,.photos-nav-controls>div{align-items:center;display:flex;gap:12px}.photos-nav-controls .filter-select,.photos-nav-controls .search-box input,.photos-nav-controls .secured-btn,.photos-nav-controls .shared-btn,.photos-nav-controls .sort-select{-webkit-appearance:none;appearance:none;background:#f8f9fc;border:none;border-radius:30px;box-shadow:inset 0 0 0 1px #e6e9f3;color:#555;font-size:15px;font-weight:500;height:42px;line-height:42px;outline:none;padding:0 20px;transition:all .2s ease}.photos-nav-controls .filter-select:hover,.photos-nav-controls .search-box input:hover,.photos-nav-controls .secured-btn:hover,.photos-nav-controls .shared-btn:hover,.photos-nav-controls .sort-select:hover{background:#f1f3fa;box-shadow:inset 0 0 0 1px #d8dbef;color:#303655}.photos-nav-controls .filter-select:focus,.photos-nav-controls .search-box input:focus,.photos-nav-controls .sort-select:focus{background:#fff;box-shadow:inset 0 0 0 2px #6b73ff}.photos-nav-controls .secured-btn.active,.photos-nav-controls .shared-btn.active{background:#eef1ff;box-shadow:inset 0 0 0 2px #6b73ff;color:#2d3360}.photos-nav-controls .search-box{display:flex;flex:1 1;position:relative}.photos-nav-controls .search-box:after{color:#888;content:"\f002";font-family:Font Awesome\ 5 Free;font-weight:900;position:absolute;right:18px}.photos-nav-controls .upload-btn{border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:.18s ease}.photos-nav-controls .upload-btn:hover{box-shadow:0 6px 18px #6b73ff26;transform:translateY(-2px)}.upload-progress{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;margin:12px 20px;padding:10px 14px}.progress-bar{background:#f1f1f1;border-radius:6px;flex:1 1;height:8px}.progress-fill{background:linear-gradient(90deg,#6b73ff,#000dff)}@media (max-width:768px){.photos-nav-controls{flex-wrap:wrap}.photos-nav-controls .filter-select,.photos-nav-controls .secured-btn,.photos-nav-controls .shared-btn,.photos-nav-controls .sort-select{width:100%}}[data-theme=dark] .photos-nav-controls{background:#020617;border:1px solid #1f2937;box-shadow:0 16px 40px #0f172acc}[data-theme=dark] .photos-nav-controls .filter-select,[data-theme=dark] .photos-nav-controls .search-box input,[data-theme=dark] .photos-nav-controls .secured-btn,[data-theme=dark] .photos-nav-controls .shared-btn,[data-theme=dark] .photos-nav-controls .sort-select{background:#020617;box-shadow:inset 0 0 0 1px #1e293b;color:#e5e7eb}[data-theme=dark] .photos-nav-controls .filter-select:hover,[data-theme=dark] .photos-nav-controls .search-box input:hover,[data-theme=dark] .photos-nav-controls .secured-btn:hover,[data-theme=dark] .photos-nav-controls .shared-btn:hover,[data-theme=dark] .photos-nav-controls .sort-select:hover{background:#020617;box-shadow:inset 0 0 0 1px #334155;color:#e5e7eb}[data-theme=dark] .photos-nav-controls .filter-select:focus,[data-theme=dark] .photos-nav-controls .search-box input:focus,[data-theme=dark] .photos-nav-controls .sort-select:focus{background:#020617;box-shadow:inset 0 0 0 2px #6366f1}[data-theme=dark] .photos-nav-controls .secured-btn.active,[data-theme=dark] .photos-nav-controls .shared-btn.active{background:#111827;box-shadow:inset 0 0 0 2px #6366f1;color:#e5e7eb}[data-theme=dark] .photos-nav-controls .search-box:after{color:#6b7280}[data-theme=dark] .photos-nav-controls+.upload-progress{background:#020617;border:1px solid #1e293b;box-shadow:0 12px 32px #0f172ad9}[data-theme=dark] .photos-nav-controls+.upload-progress .progress-bar{background:#020617}[data-theme=dark] .photos-nav-controls+.upload-progress .progress-fill{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#ec4899)}.photos-section{padding:18px 20px 128px}.section-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:10px}.section-header-left{align-items:center;display:flex;gap:8px}.section-header h2{color:#2b2b2b;font-size:1.4rem;margin:0}.section-header-right{align-items:center;display:flex;gap:10px}.bulk-photo-actions{align-items:center;display:flex;gap:8px;margin-right:8px}.bulk-action-btn{align-items:center;background:#f5f6ff;border:none;border-radius:999px;box-shadow:inset 0 0 0 1px #e0e3ff;color:#444;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.bulk-action-btn i{font-size:13px}.bulk-action-btn:hover{background:#e7e9ff;box-shadow:0 4px 10px #161d251a;transform:translateY(-1px)}.bulk-lock-btn{color:#374151}.bulk-download-btn{color:#2563eb}.bulk-share-btn{color:#0f766e}.bulk-delete-btn{color:#dc2626}.select-all-toggle{align-items:center;background:#f7f6ff;border:1px solid #e2ddff;border-radius:999px;color:#4c4f66;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}.select-all-toggle input[type=checkbox]{accent-color:#6b73ff;height:14px;margin:0;width:14px}.select-all-toggle-active{background:#6b73ff14;border-color:#6b73ff;box-shadow:0 0 0 1px #6b73ff33;color:#2f3270}.select-all-visible-btn{background:#fff;border:1px dashed #d7dbf5;border-radius:999px;color:#5a5f80;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.select-all-visible-btn:hover{background:#f3f4ff;border-color:#b9bef4;box-shadow:0 4px 10px #23319714;color:#343a72}.item-count{color:#8b90ab;font-size:12px;margin-left:6px}.photos-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(9,1fr);padding-top:12px}.photo-item{background:#fafafa;border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;padding-top:100%;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.photo-item:hover{box-shadow:0 8px 26px #00000014;transform:scale(1.02)}.photo-item img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.photo-item.selected{border-color:#6b73ffcc;box-shadow:0 0 0 3px #6b73ff59}.photo-select-checkbox{background:#0000008c;border-radius:999px;left:8px;padding:3px 7px;position:absolute;top:8px;z-index:60}.photo-select-checkbox input{accent-color:#6b73ff;cursor:pointer;height:14px;width:14px}.photo-lock-indicator{background:#000c;border-radius:4px;color:#fff;font-size:12px;padding:4px 6px;position:absolute;right:6px;top:6px;z-index:50}.photo-item.locked img{filter:blur(20px) brightness(.8)}.photo-item.locked:after{background:#00000073;border-radius:10px;content:"";inset:0;pointer-events:none;position:absolute;z-index:20}.photo-actions{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:999px;bottom:8px;display:flex;gap:6px;justify-content:center;left:8px;opacity:0;padding:4px 6px;position:absolute;right:8px;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;visibility:hidden;z-index:40}.photo-item:focus-within .photo-actions,.photo-item:hover .photo-actions{opacity:1;transform:translateY(0);visibility:visible}.photo-actions button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000040;color:#333;cursor:pointer;display:inline-flex;font-size:13px;height:26px;justify-content:center;transition:transform .15s ease,background .15s ease,color .15s ease;width:26px}.photo-actions button:hover{transform:translateY(-1px) scale(1.05)}.photo-lock-btn.locked:hover{background:#c82333;color:#fff}.photo-lock-btn.unlocked:hover{background:#218838;color:#fff}.photo-download-btn:hover{background:#6b73ff;color:#fff}.photo-share-btn:hover{background:#17a2b8;color:#fff}.photo-delete-btn:hover{background:#ff6b6b;color:#fff}.empty-state{color:#666;font-size:1.05rem;grid-column:1/-1;padding:40px}.pagination-wrap{display:flex;gap:8px;justify-content:center;margin-top:18px}.pagination-btn{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:6px 10px}.pagination-btn.active{background:linear-gradient(135deg,#6b73ff,#000dff);border:none}.pagination-btn:disabled{opacity:.5}@media (max-width:1400px){.photos-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:1200px){.photos-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:992px){.photos-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.photos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.photos-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .photos-section{padding:18px 20px 128px}[data-theme=dark] .photos-section .section-header{border-bottom:1px solid #1f2937}[data-theme=dark] .photos-section .section-header h2{color:#e5e7eb}[data-theme=dark] .photos-section .bulk-action-btn{background:#020617;box-shadow:inset 0 0 0 1px #1f2937;color:#e5e7eb}[data-theme=dark] .photos-section .bulk-action-btn:hover{background:#020617;box-shadow:0 10px 26px #0f172ab3}[data-theme=dark] .photos-section .bulk-lock-btn{color:#e5e7eb}[data-theme=dark] .photos-section .bulk-download-btn{color:#60a5fa}[data-theme=dark] .photos-section .bulk-share-btn{color:#5eead4}[data-theme=dark] .photos-section .bulk-delete-btn{color:#fca5a5}[data-theme=dark] .photos-section .select-all-toggle{background:#020617;border-color:#312e81;color:#e5e7eb}[data-theme=dark] .photos-section .select-all-toggle-active{background:#6366f126;border-color:#6366f1;box-shadow:0 0 0 1px #818cf859;color:#e5e7eb}[data-theme=dark] .photos-section .select-all-visible-btn{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .photos-section .select-all-visible-btn:hover{background:#020617;border-color:#4b5563;box-shadow:0 8px 20px #0f172abf;color:#f9fafb}[data-theme=dark] .photos-section .item-count{color:#9ca3af}[data-theme=dark] .photos-section .photo-item{background:#020617;border:1px solid #0000;border-color:var(--border-light);box-shadow:0 0 0 1px #020617}[data-theme=dark] .photos-section .photo-item:hover{box-shadow:0 18px 40px #0f172ae6}[data-theme=dark] .photos-section .photo-item.selected{border-color:#818cf8e6;box-shadow:0 0 0 3px #818cf873}[data-theme=dark] .photos-section .photo-actions button{background:#020617;box-shadow:0 6px 18px #0f172ad9;color:#e5e7eb}[data-theme=dark] .photos-section .empty-state{color:#9ca3af}[data-theme=dark] .photos-section .pagination-btn{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .photos-section .pagination-btn.active{background:linear-gradient(135deg,#4f46e5,#8b5cf6);border:none;color:#f9fafb}[data-theme=dark] .photos-section .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.photo-preview-overlay{align-items:center;background:#080808e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500}.photo-preview-box{animation:zoomIn .22s ease;border-radius:8px;max-height:92vh;max-width:92vw;position:relative}.photo-preview-box img{border-radius:6px;max-height:92vh;max-width:100%}.photo-preview-close{background:#fff;border:none;border-radius:50%;cursor:pointer;height:36px;position:absolute;right:-26px;top:-26px;width:36px}.photo-preview-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff1f;border-radius:50%;border-top-color:#fff;height:44px;width:44px}[data-theme=dark] .photo-preview-overlay{background:#020617f5}[data-theme=dark] .photo-preview-box{border-radius:12px;box-shadow:0 24px 80px #0f172af2}[data-theme=dark] .photo-preview-box img{border-radius:10px;box-shadow:0 24px 80px #000000d9}[data-theme=dark] .photo-preview-close{align-items:center;background:#020617;border:1px solid #1f2937;box-shadow:0 10px 26px #0f172ae6;color:#e5e7eb;display:flex;justify-content:center}[data-theme=dark] .photo-preview-close:hover{background:#0b1120;color:#f9fafb}[data-theme=dark] .photo-preview-spinner{border:5px solid #94a3b84d;border-top-color:#e5e7eb}.my-records-inline{background:#f8fafc;min-height:100vh;padding:16px 18px}.records-header{align-items:center;background:#fff;border:1px solid #f0f2f6;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.records-title{color:#16324a;font-size:24px;font-weight:700;margin:0}.file-info{gap:8px}.file-types{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:20px;box-shadow:0 2px 4px #3b82f61a;color:#2563eb;font-size:12px;font-weight:500;padding:6px 12px}.records-list{display:flex;flex-direction:column;gap:16px}.my-records-loading{background:#fff;box-shadow:0 2px 8px #0f0f140a;font-size:18px}.my-records-loading,.no-documents{border-radius:12px;color:#6b6f76;font-style:italic;padding:60px 20px;text-align:center}.no-documents{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #d0d5dd;font-size:16px;font-weight:500}@media (max-width:768px){.my-records-inline{padding:12px 16px}.records-header{align-items:flex-start;flex-direction:column;gap:12px}.records-title{font-size:18px}.records-list{gap:10px}}@media (max-width:480px){.my-records-inline{padding:8px 12px}.records-header{padding:12px 16px}.records-title{font-size:16px}}:root[data-theme=dark] .my-records-inline{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%)}:root[data-theme=dark] .records-header{background:radial-gradient(circle at 0 0,#111827 0,#020617 55%);border-color:#1f2937;box-shadow:0 18px 45px #0f172a80}:root[data-theme=dark] .records-title{color:#e5e7eb}:root[data-theme=dark] .file-types{background:linear-gradient(135deg,#1d4ed8,#6366f1 40%,#8b5cf6);border-color:#818cf8d9;box-shadow:0 4px 14px #2563eb73;color:#e0edff}:root[data-theme=dark] .my-records-loading{background:radial-gradient(circle at 0 0,#020617 0,#020617 60%);box-shadow:0 12px 30px #0f172acc;color:#cbd5f5}:root[data-theme=dark] .no-documents{background:radial-gradient(circle at 0 0,#0f172a 0,#020617 70%);border-color:#374151;color:#a5b4fc}.no-file{color:#6b6f76;font-size:14px;font-weight:500}:root[data-theme=dark] .record-card{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%);border-color:#111827;box-shadow:0 18px 45px #0f172aa6}:root[data-theme=dark] .record-card.locked{border-left-color:#f97373}:root[data-theme=dark] .doc-meta,:root[data-theme=dark] .doc-title{color:#e5e7eb}:root[data-theme=dark] .uploaded-name{color:#bbf7d0}:root[data-theme=dark] .no-file{color:#9ca3af}:root[data-theme=dark] .doc-category{background:linear-gradient(135deg,#111827,#020617);border-color:#374151;color:#e5e7eb}:root[data-theme=dark] .icon-btn{background:#0f172a;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .icon-btn:hover{background:#111827;border-color:#4f46e5;box-shadow:0 8px 20px #4f46e580;color:#f9fafb}.category-filter{align-items:center;display:flex;font-size:14px;gap:10px}.category-filter label{color:#6b6f76;font-weight:600}.category-select{background:#fff;border:2px solid #e6e8f0;border-radius:8px;color:#333;cursor:pointer;font-size:13px;font-weight:500;min-width:180px;padding:8px 14px;transition:all .2s ease}.category-select:focus{box-shadow:0 0 0 3px #5b6bf61a;outline:none}.category-select:hover{border-color:#d0d7de}:root[data-theme=dark] .category-filter label{color:#e2e8f0}:root[data-theme=dark] .category-select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .category-select option{background-color:#020617;color:#e5e7eb}:root[data-theme=dark] .category-select option:checked,:root[data-theme=dark] .category-select option:focus,:root[data-theme=dark] .category-select option:hover{background-color:#1d4ed8;color:#f9fafb}@media (max-width:768px){.category-filter{justify-content:space-between;width:100%}.category-select{min-width:140px}}@media (max-width:480px){.category-select{font-size:12px;min-width:120px}}.auto-lock-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:10px 0;padding:12px}.auto-lock-toggle{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.auto-lock-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ccc;border-radius:12px;height:24px;margin-right:10px;position:relative;transition:background .3s ease;width:50px}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.auto-lock-toggle input:checked+.toggle-slider{background:#28a745}.auto-lock-toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{color:#111827;font-weight:500}.pin-warning{color:#ffc107;font-size:12px;margin-left:10px}:root[data-theme=dark] .auto-lock-controls{background:#020617;border-color:#1f2937}:root[data-theme=dark] .toggle-label{color:#e5e7eb}:root[data-theme=dark] .toggle-slider{background:#475569}:root[data-theme=dark] .toggle-slider:before{background:#020617}:root[data-theme=dark] .auto-lock-toggle input:checked+.toggle-slider{background:#22c55e}:root[data-theme=dark] .pin-warning{color:#facc15}:root{--dv-bg:#0000008c;--dv-surface:#fff;--dv-border:#e6e8ee;--dv-text:#111827;--dv-muted:#6b7280;--dv-primary:#4f46e5;--dv-pill-bg:#f3f4f6;--dv-warn-bg:#fff7ed;--dv-warn-text:#9a3412}:root[data-theme=dark]{--dv-bg:#000000b3;--dv-surface:#0b1220;--dv-border:#1f2a44;--dv-text:#e5e7eb;--dv-muted:#9ca3af;--dv-primary:#6366f1;--dv-pill-bg:#ffffff0f;--dv-warn-bg:#fb923c1f;--dv-warn-text:#fdba74}.dv-overlay{align-items:center;background:#0000008c;background:var(--dv-bg);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.dv-modal{background:#fff;background:var(--dv-surface);border:1px solid #e6e8ee;border:1px solid var(--dv-border);border-radius:14px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;height:min(860px,94vh);overflow:hidden;width:min(1200px,96vw)}.dv-header{align-items:center;border-bottom:1px solid #e6e8ee;border-bottom:1px solid var(--dv-border);display:flex;justify-content:space-between;padding:14px 16px}.dv-titleWrap{display:flex;flex-direction:column;gap:6px;min-width:0}.dv-title{color:#111827;color:var(--dv-text);font-size:16px;font-weight:650;line-height:1.2;max-width:78ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-meta{display:flex;flex-wrap:wrap;gap:8px}.dv-pill{background:#f3f4f6;background:var(--dv-pill-bg);border:1px solid #e6e8ee;border:1px solid var(--dv-border);border-radius:999px;color:#111827;color:var(--dv-text);font-size:12px;padding:4px 10px}.dv-pill-muted{color:#6b7280;color:var(--dv-muted)}.dv-pill-warn{background:#fff7ed;background:var(--dv-warn-bg);border-color:#0000;color:#9a3412;color:var(--dv-warn-text)}.dv-headerActions{align-items:center;display:flex;flex-shrink:0;gap:10px}.dv-close{background:#0000;border:1px solid #e6e8ee;border:1px solid var(--dv-border);border-radius:10px;color:#111827;color:var(--dv-text);cursor:pointer;font-size:20px;height:36px;line-height:1;width:36px}.dv-close:hover{background:#0000000a}:root[data-theme=dark] .dv-close:hover{background:#ffffff0f}.dv-toolbar{border-bottom:1px solid #e6e8ee;border-bottom:1px solid var(--dv-border);justify-content:flex-start;padding:10px 16px}.dv-toolbar,.dv-toolbarGroup{align-items:center;display:flex}.dv-toolbarGroup{gap:8px}.dv-zoomLabel{color:#6b7280;color:var(--dv-muted);font-size:12px;min-width:46px;padding:0 6px;text-align:center}.dv-body{flex:1 1;overflow:hidden;position:relative}.dv-canvas{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;overflow:auto;padding:16px;width:100%}.dv-canvas-pdf{align-items:flex-start}.dv-image{border:1px solid #e6e8ee;border:1px solid var(--dv-border);border-radius:8px;max-height:100%;max-width:100%;transform-origin:center center;transition:transform .12s ease}.dv-iframe{background:#fff;border:none;height:100%;width:100%}.dv-state{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:28px;text-align:center}.dv-stateTitle{color:#111827;color:var(--dv-text);font-weight:650}.dv-stateText{color:#6b7280;color:var(--dv-muted);font-size:13px;max-width:60ch}.dv-stateActions{display:flex;gap:10px;margin-top:6px}.dv-btn{background:#4f46e5;background:var(--dv-primary);border:1px solid #0000;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px}.dv-btn:hover{filter:brightness(.98)}.dv-btn:disabled{cursor:not-allowed;opacity:.55}.dv-btn-ghost{background:#0000;border:1px solid #e6e8ee;border:1px solid var(--dv-border);color:#111827;color:var(--dv-text)}.dv-btn-ghost:hover:not(:disabled){background:#0000000a}:root[data-theme=dark] .dv-btn-ghost:hover:not(:disabled){background:#ffffff0f}.dv-spinner{animation:dv-spin .8s linear infinite;border:2px solid #0000001f;border-radius:50%;border-top-color:#00000080;height:22px;width:22px}:root[data-theme=dark] .dv-spinner{border-color:#ffffffa6 #ffffff2e #ffffff2e}@keyframes dv-spin{to{transform:rotate(1turn)}}.dv-footer{border-top:1px solid #e6e8ee;border-top:1px solid var(--dv-border);display:flex;justify-content:flex-end;padding:12px 16px}@media (max-width:640px){.dv-header{gap:10px}.dv-title{max-width:42ch}}:root{--bg-color:#f8f9fe;--primary-purple:#6a5af9;--light-purple:#e8e7ff;--text-dark:#333;--text-light:#888;--white:#fff;--personal-color:#1a9643;--professional-color:#3498db;--health-color:#8e44ad;--other-color:#7f8c8d}body{background-color:#f8f9fe;background-color:var(--bg-color);color:#333;color:var(--text-dark);font-family:Poppins,sans-serif;margin:0}.diary-page-container{background-image:radial-gradient(circle at top,#f0eeff,#ebf5ff);background-repeat:no-repeat;border-radius:24px;box-shadow:0 16px 40px #00000012;box-sizing:border-box;max-width:1920px;padding:2rem 3rem}.diary-main-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.header-info .header-logo{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.header-info .header-date{font-size:2.5rem;font-weight:500;line-height:1.2;margin:0;white-space:nowrap}.header-weather-info{align-items:center;color:#888;color:var(--text-light);display:flex;font-size:1rem;font-weight:500;gap:.6rem;margin-top:.5rem}.header-weather-icon{color:#333;color:var(--text-dark);font-size:1.2rem}.weather-error-text{align-items:center;color:#e74c3c}.header-navigation,.weather-error-text{display:flex;gap:.5rem}.header-navigation .nav-button{border:none;border-radius:12px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.nav-button.prev{background-color:#7e56da;border-radius:21px;color:#fff;color:var(--white)}.nav-button.next{background-color:#f0f0f8;border-radius:20px;color:#333;color:var(--text-dark)}.diary-main-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.1fr 1fr 1fr}.diary-column{display:flex;flex-direction:column;gap:2rem;min-width:0}.diary-card{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 8px 30px #0000000d;padding:1.5rem;transition:all .3s ease}.diary-card-calender{background-repeat:no-repeat!important;border-radius:20px!important;padding:1.5rem!important;transition:all .3s ease!important}.diary-card h3,.diary-card h4{font-weight:600;margin:0 0 1.5rem}.diary-card h4{font-size:25.6px}.priorities-card{display:flex;flex-direction:column;max-height:304px}.weather-card{background-color:#7e56da;color:#fff;color:var(--white);overflow:hidden;position:relative}.weather-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative;z-index:2}.weather-location p{font-size:1.2rem;font-weight:600;margin:0}.weather-condition{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.weather-icon{font-size:1.1rem}.weather-temperature{font-size:3.5rem;font-weight:700;line-height:1}.weather-graph-container{margin-top:2rem;position:relative;z-index:2}.weather-graph-svg{height:80px;margin-bottom:1rem;width:100%}.time-labels{display:flex;font-size:.8rem;justify-content:space-between;margin-top:.5rem}.time-labels span.active{background-color:#fff3;border-radius:4px;font-weight:600;padding:2px 4px}.calendar-header{display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.calendar-card-title-wrapper,.calendar-header{align-items:center}.calendar-card-title-btn{color:#333;color:var(--text-dark);font-size:.9rem}.calendar-card-title-btn:hover{color:#6a5af9;color:var(--primary-purple)}.calendar-title-caret{font-size:11px}.month-year-picker{margin-top:4px}.month-year-picker select{color:#333;color:var(--text-dark);font-size:11px}.month-year-picker select:focus{border-color:#6a5af9;border-color:var(--primary-purple)}.calendar-card-nav-btn{font-size:14px}.calendar-nav{background:none;border:none;color:#888;color:var(--text-light);cursor:pointer}.calendar-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(7,1fr);text-align:center}.day-name{color:#528d72;font-size:16px;font-weight:600}.day-number{border-radius:50%;color:#000;cursor:pointer;padding:.5rem;transition:all .2s ease}.day-number.active{background-color:#528d72;color:#fff;color:var(--white)}.day-number.today{border:1px solid #307255;font-weight:700}.day-number.empty{cursor:default}:root{--task-row-h:90px;--task-gap:14px}.schedule-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;padding:18px 22px}.schedule-card .schedule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.schedule-card .schedule-header h3{color:#333;color:var(--text-dark);font-size:25.6px;font-weight:600;margin:0}.schedule-card .add-button-header{font-size:.9rem;height:44px;width:44px}.schedule-list{display:flex;flex-direction:column;gap:14px;gap:var(--task-gap);max-height:298px;max-height:calc(var(--task-row-h)*3 + var(--task-gap)*2);overflow-y:auto;padding-right:8px}.schedule-item{background:#ffffffb0;border-radius:10px;box-shadow:0 4px 10px #6f5bff0d;justify-content:space-between;min-height:90px;min-height:var(--task-row-h);padding:10px 14px}.schedule-time{color:#1e2a4a;font-size:.95rem;font-weight:600;min-width:72px}.schedule-time-value{color:#333;color:var(--text-dark);font-size:1.2rem;font-weight:600}.schedule-period{color:#888;color:var(--text-light);font-size:.8rem;font-weight:500;margin-left:4px;text-transform:uppercase}.schedule-separator{align-self:center;background-color:#e0e0e0;height:40px;width:2px}.schedule-details{flex:1 1;margin:0 10px}.schedule-type{font-size:.75rem;font-weight:600;margin:0 0 .25rem;text-transform:uppercase}.schedule-details h4{color:#333;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.schedule-description{color:#888;color:var(--text-light);font-size:.9rem;margin:0}.schedule-title{cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-title:hover{text-decoration:underline}.schedule-list::-webkit-scrollbar{width:6px}.schedule-list::-webkit-scrollbar-thumb{background:#6f5bff73;border-radius:10px}.schedule-list::-webkit-scrollbar-thumb:hover{background:#6f5bffd9}.schedule-item.personal .schedule-type{color:#1a9643;color:var(--personal-color)}.schedule-item.personal .schedule-separator{background-color:#1a9643;background-color:var(--personal-color)}.schedule-item.professional .schedule-type{color:#3498db;color:var(--professional-color)}.schedule-item.professional .schedule-separator{background-color:#3498db;background-color:var(--professional-color)}.schedule-item.health .schedule-type{color:#8e44ad;color:var(--health-color)}.schedule-item.health .schedule-separator{background-color:#8e44ad;background-color:var(--health-color)}.schedule-item.other .schedule-type{color:#7f8c8d;color:var(--other-color)}.schedule-item.other .schedule-separator{background-color:#7f8c8d;background-color:var(--other-color)}.diet-list,.priorities-list{display:flex;flex-direction:column;gap:1.25rem;list-style:none;margin:0;padding:0}.diet-header,.priorities-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.add-button-header{background:#0000;border-radius:50%;color:#000;font-size:14px;height:30px;transition:transform .2s ease;width:30px}.add-button-header:hover{transform:scale(1.05)}.empty-message{color:#999;font-style:italic;padding:20px;text-align:center}.delete-item-btn{background:#0000;border:none;border-radius:50%;color:#ff7675;cursor:pointer;font-size:1.1em;line-height:1;margin-left:8px;opacity:.6;padding:5px 8px;transition:opacity .2s ease,color .2s ease}.delete-item-btn:hover{background-color:#ff76751a;color:#d63031;opacity:1}.priorities-list li{align-items:center;display:flex;justify-content:space-between;width:100%}.priority-content{align-items:center;display:flex;flex-grow:1;gap:12px;min-width:0}.priority-icon{color:#6a5af9;color:var(--primary-purple);cursor:pointer;font-size:1.2rem}.priorities-list li.completed .priority-text{color:grey;opacity:.7;text-decoration:line-through}.priority-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.priority-level{border-radius:4px;font-size:11px;font-weight:500;padding:2px 6px;text-transform:capitalize}.priority-level.low{background-color:#e6f9f0;color:#28a745}.priority-level.medium{background-color:#fff8e6;color:#f39c12}.priority-level.high{background-color:#fdeded;color:#e74c3c}.priority-level.urgent{background:#dc3545;color:#fff}.my-diary-card{align-items:center;justify-content:space-between}.diet-list li{width:100%}.diet-item-info{flex-grow:1}.diet-icon{background-color:#f0f0f8;border-radius:12px;font-size:1.5rem;height:40px;width:40px}.calories{color:#666;font-size:12px;margin-left:auto;white-space:nowrap}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:500px;padding:24px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{margin:0}.modal-header button{background:none;border:none;cursor:pointer;font-size:18px}.modal-content form{display:flex;flex-direction:column;gap:15px}.modal-content input,.modal-content select,.modal-content textarea{border:1px solid #ddd;border-radius:8px;font-family:Poppins,sans-serif;padding:12px}.modal-content button[type=submit]{background:#6a5af9;background:var(--primary-purple);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px}@media (max-width:1500px){.diary-page-container{padding:2rem}.diary-column,.diary-main-grid{gap:1.5rem}}@media (max-width:1200px){.diary-main-grid{grid-template-columns:1fr 1fr}.diary-column:nth-child(3){grid-column:1/-1}.header-date{font-size:2.25rem}}@media (max-width:1024px){.diary-page-container{padding:1.5rem 2rem}.schedule-card .schedule-header h3{font-size:1.75rem}.weather-temperature{font-size:3.25rem}}@media (max-width:768px){.diary-page-container{padding:1.5rem}.diary-main-header{align-items:flex-start;flex-direction:column}.header-navigation{display:flex;width:100%}.header-navigation .nav-button{flex-grow:1}.header-date{font-size:2rem}.diary-main-grid{grid-template-columns:1fr}.diary-column:nth-child(3){grid-column:auto}}@media (max-width:480px){.diary-page-container{padding:1rem}.diary-main-header{margin-bottom:1.5rem}.header-logo{font-size:1.25rem!important}.header-date{font-size:1.75rem!important}.header-weather-info,.nav-button{font-size:.9rem}.nav-button{padding:.6rem 1rem!important}.diary-card{border-radius:16px;padding:1rem}.weather-header{align-items:flex-start;flex-direction:column;gap:.5rem}.weather-temperature{font-size:2.8rem!important}.schedule-card .schedule-header h3{font-size:1.25rem!important}.schedule-item{align-items:flex-start;gap:.75rem}.schedule-time{align-items:flex-start;flex-direction:column;gap:2px;width:70px}.schedule-time-value{font-size:1.3rem!important}.schedule-period{margin-left:2px}.schedule-separator{height:50px}.schedule-details h4{font-size:1rem}.day-number{padding:.4rem}}.schedule-card{display:flex;flex-direction:column;max-height:304px;overflow-y:auto;scroll-behavior:smooth}.schedule-card::-webkit-scrollbar{width:8px}.schedule-card::-webkit-scrollbar-thumb{background:#6f5bff80;border-radius:10px}.schedule-card::-webkit-scrollbar-thumb:hover{background:#6f5bffcc}.schedule-card::-webkit-scrollbar-track{background:#0000}.panel-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffd9,#f8f9ffcc);border:1px solid #fff6;border-radius:16px;box-shadow:0 4px 15px #6f5bff14;transition:all .3s ease}.panel-card:hover{box-shadow:0 6px 18px #6f5bff1f;transform:translateY(-2px)}.mid-right-bg{background:#f8f2f2;box-shadow:0 8px 24px #201b5514;grid-template-columns:1.5fr 1fr;z-index:1}.diary-main-grid{grid-template-columns:1.05fr 1fr 1fr;overflow:visible;width:100%}.app-content,.dashboard-content,.layout-content,.main-wrapper,.page-wrapper{margin-right:0!important;max-width:100vw!important;overflow-x:hidden!important;padding-right:0!important;width:100vw!important}.mid-right-bg .diary-card{border:1px solid #ffffff8c;border-radius:18px}.diary-page-container{margin:0;max-width:none;min-height:100dvh;width:100%}@media (min-width:1700px){.diary-main-grid{gap:2.2rem;grid-template-columns:1.2fr 1.1fr 1.1fr}.mid-right-bg{grid-template-columns:1.35fr 1fr;padding:28px}}@media (min-width:1281px) and (max-width:1699px){.diary-main-grid{gap:2rem;grid-template-columns:1.05fr 1fr 1fr}.mid-right-bg{grid-column:2/4;grid-template-columns:1.25fr 1fr;padding:24px}}@media (min-width:1025px) and (max-width:1280px){.diary-main-grid{grid-template-columns:1fr 1fr}.mid-right-bg{gap:20px;grid-column:1/-1;grid-template-columns:1fr 1fr;padding:22px}.schedule-card{max-height:280px}}@media (min-width:768px) and (max-width:1024px){.diary-main-grid{gap:1.25rem;grid-template-columns:1fr}.mid-right-bg{gap:16px;grid-column:auto;grid-template-columns:1fr;padding:18px}.schedule-card{max-height:260px}}@media (max-width:767px){.diary-main-grid{gap:1rem;grid-template-columns:1fr}.mid-right-bg{border-radius:20px;gap:14px;grid-column:auto;grid-template-columns:1fr;padding:14px}.diary-card{border-radius:14px;padding:1rem}.schedule-card{max-height:240px}}@media (min-width:980px) and (max-width:1280px){.diary-main-grid{gap:1.6rem;grid-template-columns:minmax(320px,640px) 1fr}.diary-column:first-child>.diary-card,.diary-column:first-child>.diary-card-calender{max-width:640px;width:100%}.mid-right-bg{gap:18px;grid-column:2/3;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:20px}.schedule-card{max-height:270px}.diary-card{padding:1.25rem}.schedule-card .schedule-header h3{font-size:clamp(1.25rem,1.8vw + .4rem,1.6rem)}.header-date{font-size:clamp(1.6rem,2.2vw + .5rem,2rem)}}@media (min-width:768px) and (max-width:979px){.diary-main-grid{gap:1.25rem;grid-template-columns:1fr}.mid-right-bg{gap:14px;grid-column:auto;grid-template-columns:1fr;padding:16px}.diary-column:first-child>.diary-card,.diary-column:first-child>.diary-card-calender{margin-inline:auto;max-width:720px}.schedule-card{max-height:260px}}@media (max-width:767px){.diary-card{border-radius:14px;padding:1rem}.schedule-card{max-height:240px}}.diary-main-grid,.mid-right-bg{overflow:visible;width:100%}#root,.app,.app-content,.layout-content,.page-wrapper{margin-right:0!important;max-width:100vw!important;overflow-x:hidden!important;padding-right:0!important;width:100vw!important}@media (min-width:820px) and (max-width:1180px){.diary-main-grid{gap:1.5rem;grid-template-columns:1fr}.diary-column:first-child{width:100%}.weather-card{margin:0 auto;min-width:100%}.diary-card-calender,.weather-card{max-width:100%;width:100%}}@media (max-width:819px){.diary-main-grid{gap:1.25rem;grid-template-columns:1fr}.diary-card-calender,.weather-card{max-width:100%;width:100%}}.mid-right-bg{grid-gap:24px;background:linear-gradient(135deg,#f7f2ff,#fff6ee);border-radius:28px;gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);padding:24px;width:100%}.mid-right-bg .diary-card,.mid-right-bg .panel-card,.mid-right-bg .schedule-card{align-self:stretch!important;justify-self:stretch!important}@media (max-width:1180px){.diary-main-grid{grid-template-columns:1fr}.mid-right-bg{gap:20px;grid-column:1/-1;grid-template-columns:1fr}.mid-right-bg>.diary-column{gap:20px}}.diary-card,.panel-card,.schedule-card{max-width:100%}.mid-right-bg{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-column:2/4;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);justify-items:stretch;overflow:visible;position:static}.mid-right-bg>.diary-column{grid-gap:24px;display:grid;gap:24px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;min-width:0}.mid-right-bg .diary-card,.mid-right-bg .panel-card,.mid-right-bg .schedule-card{align-self:stretch;box-sizing:border-box;justify-self:stretch;margin:0;max-width:100%!important;width:100%!important;z-index:0}.mid-right-bg .schedule-card .schedule-list{max-height:clamp(220px,32vh,360px)}@media (max-width:1440px){.mid-right-bg{gap:32px}}@media (max-width:1320px){.diary-main-grid{grid-template-columns:1fr}.mid-right-bg{gap:20px;grid-column:1/-1;grid-template-columns:1fr}.mid-right-bg>.diary-column{gap:20px}}@media (max-width:768px){.mid-right-bg{border-radius:20px;padding:16px}.mid-right-bg .diary-card,.mid-right-bg .panel-card,.mid-right-bg .schedule-card{border-radius:16px}}.inspiration-card{align-items:center;border-radius:18px;box-shadow:0 6px 18px #201b5514;display:flex;justify-content:center;padding:1.2rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.inspiration-card:hover{box-shadow:0 8px 22px #6f5bff26;transform:translateY(-4px)}.inspiration-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.inspiration-text{font-family:Poppins,sans-serif;font-size:1.1rem}.inspiration-image{border-radius:12px;height:auto;object-fit:contain;width:120px}@media (max-width:768px){.inspiration-content{flex-direction:column;text-align:center}.inspiration-image{margin-top:10px;width:150px}}.diet-card{background:#0000!important;border:0!important;box-shadow:none!important}.left-column-bg{background:#ebfaf3;border-radius:24px;box-shadow:0 8px 24px #6f5bff14;display:flex;flex-direction:column;gap:24px;padding:24px}.weather-card.photo{background-color:#7e56da;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;overflow:hidden;position:relative}.weather-card.photo .weather-scrim{background:linear-gradient(180deg,#14102859,#14102859 45%,#14102840);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.weather-card.photo .weather-inner{position:relative;z-index:2}.weather-header{color:#fff}.weather-condition{color:#ffffffe6}.weather-temperature{color:#fff}.weather-card.photo{transition:background-image .4s ease,filter .25s ease,transform .25s ease}.modal-overlay{background:#000000a6;inset:0;position:fixed;z-index:999999!important}.diary-card,.mid-right-bg,.my-diary-card,.panel-card,.schedule-card,.weather-card{filter:none!important;position:relative;transform:none!important;z-index:auto!important}.diary-main-grid,.diary-page-container,.left-column-bg{filter:none!important;position:static!important;transform:none!important;z-index:auto!important}.diet-check{color:#10b981;font-size:16px;margin-right:6px}.diet-item-info .consumed{opacity:.7;text-decoration:line-through}.diet-fancy-tick{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:grid;height:34px;margin-right:8px;outline:none;place-items:center;position:relative;transition:border-color .18s ease,transform .15s ease,background .18s ease;width:34px}.diet-fancy-tick:hover{transform:translateY(-1px)}.diet-fancy-tick:active{transform:translateY(0)}.tick-svg{height:20px;overflow:visible;width:20px}.tick-svg path{fill:none;stroke:#a3a3a3;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke .18s ease}.diet-fancy-tick.on{box-shadow:none;color:#fff}.diet-fancy-tick.on .tick-svg path{stroke:#22c55e;animation:tick-draw .35s ease-out forwards}.diet-fancy-tick .ring{background:radial-gradient(circle,#22c55e2e,#0000 60%);border-radius:12px;inset:-4px;opacity:0;pointer-events:none;position:absolute;transform:scale(.9);transition:opacity .25s ease,transform .25s ease}.diet-fancy-tick.on .ring{opacity:1;transform:scale(1)}@keyframes tick-draw{to{stroke-dashoffset:0}}.diet-icon.dim{filter:grayscale(.1);opacity:.8}.diet-item-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.priorities-card .priorities-list{flex:1 1;max-height:298px;max-height:calc(var(--task-row-h)*3 + var(--task-gap)*2);overflow-y:auto;padding-right:8px}.priorities-card .priorities-list::-webkit-scrollbar{width:6px}.priorities-card .priorities-list::-webkit-scrollbar-thumb{background:#6f5bff73;border-radius:10px}.priorities-card .priorities-list::-webkit-scrollbar-thumb:hover{background:#6f5bffd9}.schedule-item{align-items:center;display:flex;gap:14px}.schedule-type-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 0 0 2px #ff000014;display:flex;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;width:70px}.schedule-type-icon img{height:100%;object-fit:cover;width:100%}.schedule-time{align-items:center;display:flex;justify-content:center}.type-select-wrapper{margin-top:12px;position:relative}.type-select-label{color:#777;display:block;font-size:.8rem;font-weight:600;margin-bottom:4px}.type-select-trigger{align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;width:100%}.type-select-trigger-img{border-radius:6px;height:28px;object-fit:cover;width:28px}.type-select-dropdown{background:#fff;border-radius:12px;box-shadow:0 12px 30px #0f172a26;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;z-index:20}.type-select-option{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;gap:10px;padding:8px 10px;width:100%}.type-select-option+.type-select-option{border-top:1px solid #f1f1f1}.type-select-option:hover{background:#f7f3ff}.type-select-option-img{border-radius:6px;height:24px;object-fit:cover;width:24px}.diet-list li{padding:6px 0}.diet-item-main,.diet-list li{align-items:center;display:flex;justify-content:space-between}.diet-item-main{flex:1 1;gap:12px}.diet-item-left{gap:10px}.diet-icon,.diet-item-left{align-items:center;display:flex}.diet-icon{background:#f3f4ff;border-radius:10px;flex-shrink:0;font-size:1.4rem;height:32px;justify-content:center;width:32px}.diet-item-text{display:flex;flex-direction:column;gap:2px}.diet-item-name{color:#111827;font-size:14px;font-weight:600}.diet-item-note{color:#6b7280;font-size:11px}.diet-item-calories{color:#9ca3af;font-size:12px;white-space:nowrap}.diet-add-name-row{gap:10px;margin-bottom:12px}.diet-add-icon-preview{border-radius:12px;font-size:1.6rem;height:40px;width:40px}.diet-check-square{align-items:center;background:#fff;border:2px solid #000;border-radius:4px;cursor:pointer;display:flex;height:22px;justify-content:center;margin-right:10px;padding:0;transition:all .2s ease;width:22px}.tick-mark{color:#e63946;font-size:18px;font-weight:900;transform:scale(1.1)}.diet-check-square.on{background:#fff;border-color:#e63946;box-shadow:0 0 4px #ff9c9c}.popup-header-actions{align-items:center;display:flex;gap:8px}.add-diet-inline{align-items:center;background:#ffffff2e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:background .15s ease,transform .15s ease;width:32px}.add-diet-inline:hover{background:#ffffff47;transform:translateY(-1px)}.diet-inline-form{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;padding:10px 18px 12px}.diet-inline-form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1.2fr 1.1fr}.diet-inline-form input,.diet-inline-form select,.diet-inline-form textarea{border:1px solid #e5e7eb;border-radius:10px;font-family:Poppins,sans-serif;font-size:12px;outline:none;padding:6px 8px;resize:vertical}.diet-inline-form input:focus,.diet-inline-form select:focus,.diet-inline-form textarea:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f12e}.diet-inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.diet-inline-cancel,.diet-inline-submit{border:none;border-radius:999px;cursor:pointer;font-size:12px;padding:5px 14px}.diet-inline-cancel{background:#e5e7eb;color:#374151}.diet-inline-submit{background:#6366f1;color:#fff}.diet-inline-submit:disabled{cursor:default;opacity:.7}@media (max-width:640px){.diet-inline-form-row{grid-template-columns:1fr}}.my-diary-card{background-color:#ece7fe;display:flex;flex-direction:column;font-weight:600;gap:.9rem}.my-diary-header{justify-content:space-between}.diary-left,.my-diary-header{align-items:center;display:flex;gap:.75rem}.diary-left{flex-grow:1}.diary-icon-container{align-items:center;border-radius:12px;color:#6a5af9;color:var(--primary-purple);display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.diary-icon-container img{height:35px;width:35px}.diary-header-text{display:flex;flex-direction:column}.diary-title{color:#333;color:var(--text-dark);font-size:25.6px;font-weight:600}.diary-fab-inline{align-items:center;background-color:initial;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.diary-fab-inline:hover{box-shadow:0 6px 16px #6a5af980;transform:translateY(-2px)}.my-diary-footer{background:#ffffffb3;border-radius:14px;gap:1rem;margin-top:.4rem;padding:.9rem 1rem}.inspiration-text{font-size:1.05rem;font-weight:500;line-height:1.5}.diary-video{max-width:136px}@media (max-width:768px){.my-diary-footer{flex-direction:column;text-align:center}.diary-video{max-width:160px}}.my-diary-footer{align-items:center;background:#ffffffbf;border-radius:18px;display:flex;gap:1.2rem;justify-content:space-between;margin-top:.8rem;padding:1rem 1.2rem}.inspiration-text{color:#3f2e5c;flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.6;max-width:60%}.inspiration-text p{margin:0;overflow-wrap:break-word;white-space:normal;word-break:break-word}.diary-video{border-radius:12px;height:auto;max-width:120px;object-fit:cover;width:100%}@media (max-width:768px){.my-diary-footer{flex-direction:column;min-width:0;text-align:center}.inspiration-text{max-width:100%;min-width:0}.diary-video{max-width:150px}}.diary-preview-text{color:#6b7280;font-size:12px;margin-top:2px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diet-header{gap:8px}.diet-summary{color:#8b8b9a;display:flex;flex-direction:column;font-size:12px}.diet-summary span:first-child{font-weight:600}.diet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.diet-title{color:#2b2f38;font-size:18px;font-weight:600;margin:0}.diet-summary-banner{align-items:center;background:#ffffffe6;border-radius:999px;box-shadow:0 4px 10px #00000008;color:#9a9fb5;display:flex;font-size:12px;justify-content:space-between;margin-bottom:14px;padding:6px 12px}.diet-summary-label{color:#6b73ff;font-weight:600}.diet-summary-right{align-items:center;display:flex;gap:6px;white-space:nowrap}.diet-summary-meals{color:#ff6b81;font-weight:600}.diet-summary-dot{font-size:14px;line-height:1}.diet-summary-cal{font-weight:500}.add-button-header{align-items:center;background:#fff3fb;border:none;border-radius:999px;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;width:28px}.add-button-header:hover{background:#ffe3f4}:root[data-theme=dark] .diary-page-container{background-image:radial-gradient(circle at top,#020617 0,#020617 45%,#020617 100%);box-shadow:none;color:#e5e7eb}:root[data-theme=dark] .header-info .header-date{color:#e5e7eb}:root[data-theme=dark] .header-weather-info{color:#9ca3af}:root[data-theme=dark] .header-weather-icon{color:#e5e7eb}:root[data-theme=dark] .nav-button.prev{background-color:#6366f1;color:#f9fafb}:root[data-theme=dark] .nav-button.next{background-color:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .diary-card,:root[data-theme=dark] .panel-card,:root[data-theme=dark] .schedule-card{background:#020617;border-color:#1f2937;box-shadow:0 24px 70px #000}:root[data-theme=dark] .diary-card h3,:root[data-theme=dark] .diary-card h4{color:#e5e7eb}:root[data-theme=dark] .left-column-bg{background:radial-gradient(circle at top,#020617 0,#020617 100%);box-shadow:0 24px 70px #0f172ae6}:root[data-theme=dark] .mid-right-bg{background:radial-gradient(circle at top,#020617 0,#020617 60%,#020617 100%);box-shadow:0 24px 70px #0f172af2}:root[data-theme=dark] .weather-card{background:linear-gradient(135deg,#4f46e5,#0ea5e9);color:#f9fafb}:root[data-theme=dark] .weather-condition{color:#f1f5f9e6}:root[data-theme=dark] .time-labels span{color:#cbd5f5}:root[data-theme=dark] .time-labels span.active{background-color:#0f172a59}:root[data-theme=dark] .calendar-header{color:#e5e7eb}:root[data-theme=dark] .calendar-nav{color:#9ca3af}:root[data-theme=dark] .day-name{color:#a5b4fc}:root[data-theme=dark] .day-number{color:#e5e7eb}:root[data-theme=dark] .day-number.active{background-color:#6366f1;color:#f9fafb}:root[data-theme=dark] .day-number.today{border-color:#6366f1}:root[data-theme=dark] .schedule-item{background:#0f172af2;box-shadow:0 10px 24px #0f172ae6}:root[data-theme=dark] .schedule-time,:root[data-theme=dark] .schedule-time-value{color:#e5e7eb}:root[data-theme=dark] .schedule-period{color:#9ca3af}:root[data-theme=dark] .schedule-separator{background-color:#1f2937}:root[data-theme=dark] .schedule-details h4{color:#e5e7eb}:root[data-theme=dark] .schedule-description{color:#9ca3af}:root[data-theme=dark] .priorities-card .priorities-list::-webkit-scrollbar-thumb,:root[data-theme=dark] .schedule-list::-webkit-scrollbar-thumb{background:#818cf8b3}:root[data-theme=dark] .priorities-card .priority-text{color:#e5e7eb}:root[data-theme=dark] .priority-icon{color:#a5b4fc}:root[data-theme=dark] .empty-message{color:#6b7280}:root[data-theme=dark] .my-diary-card{background-color:#020617}:root[data-theme=dark] .diary-title{color:#e5e7eb}:root[data-theme=dark] .diary-preview-text{color:#9ca3af}:root[data-theme=dark] .my-diary-footer{background:#0f172af5}:root[data-theme=dark] .inspiration-text{color:#e5e7eb}:root[data-theme=dark] .diet-card{background:#0000!important;border:0!important;box-shadow:none!important}:root[data-theme=dark] .diet-title{color:#e5e7eb}:root[data-theme=dark] .diet-summary-banner{background:#0f172af2;box-shadow:0 8px 20px #0f172ae6;color:#9ca3af}:root[data-theme=dark] .diet-summary-label{color:#c4b5fd}:root[data-theme=dark] .diet-item-name{color:#e5e7eb}:root[data-theme=dark] .diet-item-calories,:root[data-theme=dark] .diet-item-note{color:#9ca3af}:root[data-theme=dark] .diet-add-icon-preview,:root[data-theme=dark] .diet-icon,:root[data-theme=dark] .modal-overlay{background:#0f172ae6}:root[data-theme=dark] .modal-content{background:#020617;border:1px solid #1f2937;box-shadow:0 24px 70px #000;color:#e5e7eb}:root[data-theme=dark] .modal-header h3{color:#e5e7eb}:root[data-theme=dark] .modal-header button{color:#9ca3af}:root[data-theme=dark] .modal-content input,:root[data-theme=dark] .modal-content select,:root[data-theme=dark] .modal-content textarea{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .modal-content input::placeholder,:root[data-theme=dark] .modal-content textarea::placeholder{color:#6b7280}:root[data-theme=dark] .type-select-trigger{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .type-select-dropdown{background:#020617;border:1px solid #1f2937}:root[data-theme=dark] .type-select-option{background:#0000;color:#e5e7eb}:root[data-theme=dark] .type-select-option:hover{background:#020617}:root[data-theme=dark] .add-button-header{background:#0f172ae6;color:#e5e7eb}:root[data-theme=dark] .delete-item-btn{color:#fca5a5}:root[data-theme=dark] .delete-item-btn:hover{background-color:#f8717126}:root[data-theme=dark] .diet-check-square{background:#0000;border-color:#e5e7eb}:root[data-theme=dark] .diet-check-square.on{border-color:#f97373;box-shadow:0 0 4px #fecaca}:root[data-theme=dark] .diet-inline-form{background:#020617;border-bottom:1px solid #1f2937}:root[data-theme=dark] .diet-inline-form input,:root[data-theme=dark] .diet-inline-form select,:root[data-theme=dark] .diet-inline-form textarea{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .diet-inline-form input::placeholder,:root[data-theme=dark] .diet-inline-form select::placeholder,:root[data-theme=dark] .diet-inline-form textarea::placeholder{color:#6b7280}:root[data-theme=dark] .diet-inline-totals{color:#e5e7eb}:root[data-theme=dark] .diet-inline-total-chip{background:#1e40af59;color:#e5e7eb}:root[data-theme=dark] .diet-inline-label-row{color:#9ca3af}:root[data-theme=dark] .diet-inline-cancel{background:#111827;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .diet-inline-submit{background:#6366f1;color:#f9fafb}:root[data-theme=dark] .diary-fab-inline{background-color:initial;color:#fff}.diary-main-grid{align-items:start!important}.left-column-bg,.mid-right-bg{align-self:start!important;height:-webkit-fit-content!important;height:fit-content!important}.mid-right-bg{border-radius:24px!important;padding:18px!important}.diary-column,.mid-right-bg{gap:18px!important}.mid-right-bg>.diary-column{align-content:start!important}.diary-page-container{padding:24px!important}.priorities-card.priorities-modern{background:#fff;border-radius:18px;box-shadow:0 10px 26px #0f172a0f;overflow:hidden;padding:18px 18px 58px;position:relative}.priorities-modern-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:10px}.priorities-modern-title{color:#111827;font-size:20px;font-weight:800;letter-spacing:.6px;margin-top:2px;text-transform:uppercase}.priorities-modern-illus{border-radius:12px;flex-shrink:0;height:70px;object-fit:cover;opacity:.95;width:140px}.priorities-modern-list{gap:14px}.priority-check{background:linear-gradient(180deg,#2f6bff,#6d5cff);border:none;border-radius:999px;box-shadow:0 8px 18px #2f6bff38;color:#fff;cursor:pointer;display:grid;flex-shrink:0;height:34px;place-items:center;transition:transform .15s ease,filter .15s ease,opacity .15s ease;width:34px}.priority-check:hover{filter:brightness(1.02);transform:translateY(-1px)}.priority-check:active{transform:translateY(0)}.priority-check:disabled{cursor:default;opacity:.5}.priority-check-inner{display:grid;height:22px;place-items:center;width:22px}.priorities-modern-list li.completed .priority-text{color:#9ca3af;opacity:.9;text-decoration:line-through}.priorities-modern-list li.completed .priority-check{box-shadow:0 6px 14px #2f6bff24;opacity:.6}.priority-delete{background:#0000;border:none;border-radius:999px;color:#c4b5fd;cursor:pointer;display:grid;font-size:18px;height:28px;line-height:1;place-items:center;transition:background .15s ease,color .15s ease;width:28px}.priority-delete:hover{background:#7c3aed14;color:#7c3aed}.priorities-fab{background:#fff;border:none;border-radius:10px;bottom:12px;box-shadow:0 10px 18px #0f172a14;color:#111827;cursor:pointer;display:grid;font-size:20px;font-weight:700;height:36px;place-items:center;position:absolute;right:14px;transition:transform .15s ease,box-shadow .15s ease;width:36px}.priorities-fab:hover{box-shadow:0 14px 24px #0f172a1f;transform:translateY(-1px)}.priorities-fab:active{transform:translateY(0)}.popup-header h2{font-size:1.25rem}.close-button{font-size:1.1rem;transition:all .2s ease}.reminder-item-popup{align-items:flex-start;background:#f8f9ff;border:1px solid #ecebff;border-radius:16px;display:flex;margin-bottom:14px;padding:18px;transition:all .2s ease}.reminder-item-popup:hover{background:#f3f2ff;box-shadow:0 8px 16px #6a5af91a;transform:translateY(-1px)}.reminder-time-popup{color:#111827;flex-shrink:0;font-weight:700;margin-right:20px;width:80px}.reminder-details-popup{flex:1 1}.reminder-title-popup{color:#111827;font-size:1.05rem;font-weight:600;margin-bottom:6px}.reminder-description-popup{color:#4b5563;font-size:.9rem;margin-bottom:8px}.reminder-meta-popup{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.reminder-category-popup{background:#eee;border-radius:999px;color:#555;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.reminder-category-popup.personal{background:#ecebff;color:#6a5af9}.reminder-category-popup.professional{background:#f2e7ff;color:#8b5cf6}.reminder-category-popup.health{background:#e8fbf3;color:#059669}.reminder-category-popup.other{background:#f1f5f9;color:#475569}@media (max-width:480px){.popup-content{border-radius:20px;width:95%}.popup-header{padding:14px 18px}.popup-header h2{font-size:1.1rem}.reminder-item-popup{align-items:flex-start;flex-direction:column}.reminder-time-popup{margin-bottom:6px;width:auto}}:root[data-theme=dark] .popup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad9}:root[data-theme=dark] .popup-content{border-color:#1f2937;box-shadow:0 24px 70px #000}:root[data-theme=dark] .popup-header{background:linear-gradient(90deg,#4f46e5,#8b5cf6)}:root[data-theme=dark] .popup-header h2{color:inherit}:root[data-theme=dark] .close-button{background:#0f172a66}:root[data-theme=dark] .close-button:hover{background:#0f172ab3}:root[data-theme=dark] .popup-body{background:#020617}:root[data-theme=dark] .popup-body::-webkit-scrollbar-thumb{background:#4b5563}:root[data-theme=dark] .loading-container{color:#9ca3af}:root[data-theme=dark] .reminder-item-popup{background:#0f172afa;border-color:#1f2937}:root[data-theme=dark] .reminder-item-popup:hover{background:#0f172af5;border-color:#334155}:root[data-theme=dark] .reminder-time-popup,:root[data-theme=dark] .reminder-title-popup{color:#e5e7eb}:root[data-theme=dark] .reminder-description-popup{color:#9ca3af}:root[data-theme=dark] .reminder-item-popup.completed{background:#16a34a1f;border-color:#4ade80b3}:root[data-theme=dark] .reminder-category-popup{background:#111827;color:#e5e7eb}:root[data-theme=dark] .reminder-category-popup.personal{background:#818cf82e;color:#c7d2fe}:root[data-theme=dark] .reminder-category-popup.professional{background:#a855f72e;color:#e9d5ff}:root[data-theme=dark] .reminder-category-popup.health{background:#22c55e29;color:#6ee7b7}:root[data-theme=dark] .reminder-category-popup.other{background:#0f172ae6;color:#9ca3af}:root[data-theme=dark] .popup-body .empty-state{color:#9ca3af}.priority-popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.priority-popup-content{animation:popupSlideIn .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000038;display:grid;grid-template-rows:auto 1fr;max-height:min(85vh,100dvh - 48px);overflow:hidden;width:min(92vw,820px)}.priority-popup-header{align-items:center;background:#6366f1;color:#fff;display:flex;gap:12px;justify-content:space-between;padding:16px clamp(12px,3vw,20px);position:-webkit-sticky;position:sticky;top:0;z-index:1}.priority-popup-header h3{font-size:clamp(14px,2.2vw,18px);font-weight:600;margin:0}.priority-popup-close{background:none;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px}.priority-popup-close:hover{background:#ffffff1f}.priority-popup-body{overflow-y:auto;padding:16px clamp(12px,3vw,20px)}.priority-popup-body::-webkit-scrollbar{width:6px}.priority-popup-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.priority-popup-empty,.priority-popup-loading{color:#666;padding:36px 8px;text-align:center}.priority-popup-loading svg{color:#6366f1;font-size:24px;margin-bottom:10px}.priority-popup-list{grid-gap:14px;display:grid;gap:14px}.priority-popup-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:clamp(12px,2.8vw,16px);transition:background .2s,border-color .2s}.priority-popup-item:hover{background:#f3f4f6;border-color:#d1d5db}.priority-popup-item.completed{background:#f0fdf4;border-color:#bbf7d0}.priority-popup-item.completed:hover{background:#ecfdf5}.priority-popup-item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.priority-popup-icon{font-size:18px;line-height:1}.priority-popup-title{color:#374151;flex:1 1 240px;font-size:clamp(14px,2.3vw,16px);font-weight:600;line-height:1.35;margin:0;word-break:break-word}.priority-popup-item.completed .priority-popup-title{color:#6b7280;text-decoration:line-through}.priority-popup-badge{border-radius:12px;color:#fff;flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 10px;text-transform:uppercase}.priority-popup-description{color:#6b7280;font-size:clamp(13px,2.2vw,14px);line-height:1.5;margin:10px 0 0 28px}.priority-popup-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-left:28px}.priority-popup-chip{background:#e5e7eb;border-radius:6px;color:#6b7280;font-size:12px;font-weight:600;padding:4px 8px}.completed-chip{background:#d1fae5;color:#047857}.historical-chip{background:#fef3c7;color:#d97706}.created-chip{background:#dbeafe;color:#1d4ed8}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.priority-popup-content{border-radius:12px;max-height:90dvh;width:min(96vw,720px)}.priority-popup-description{margin-left:26px}.priority-popup-meta{padding-left:26px}}@media (max-width:480px){.priority-popup-content{border-radius:0;height:100dvh;max-height:100dvh;width:100vw}.priority-popup-body,.priority-popup-header{padding:14px 16px}.priority-popup-item{padding:12px}.priority-popup-title{flex-basis:160px}}@media (max-width:360px){.priority-popup-badge{font-size:10px;padding:3px 8px}.priority-popup-title{font-size:14px}}:root[data-theme=dark] .priority-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9}:root[data-theme=dark] .priority-popup-content{background:#020617;border:1px solid #1f2937;box-shadow:0 24px 70px #000}:root[data-theme=dark] .priority-popup-header{background:linear-gradient(90deg,#4f46e5,#8b5cf6);color:#f9fafb}:root[data-theme=dark] .priority-popup-header h3{color:inherit}:root[data-theme=dark] .priority-popup-close{color:#e5e7eb}:root[data-theme=dark] .priority-popup-close:hover{background:#0f172a66}:root[data-theme=dark] .priority-popup-body{background:#020617}:root[data-theme=dark] .priority-popup-body::-webkit-scrollbar-thumb{background:#4b5563}:root[data-theme=dark] .priority-popup-empty,:root[data-theme=dark] .priority-popup-loading{color:#9ca3af}:root[data-theme=dark] .priority-popup-item{background:#0f172afa;border-color:#1f2937}:root[data-theme=dark] .priority-popup-item:hover{background:#0f172af5;border-color:#334155}:root[data-theme=dark] .priority-popup-item.completed{background:#16a34a1a;border-color:#4ade8099}:root[data-theme=dark] .priority-popup-item.completed:hover{background:#16a34a29}:root[data-theme=dark] .priority-popup-title{color:#e5e7eb}:root[data-theme=dark] .priority-popup-description,:root[data-theme=dark] .priority-popup-item.completed .priority-popup-title{color:#9ca3af}:root[data-theme=dark] .priority-popup-chip{background:#111827;color:#e5e7eb}:root[data-theme=dark] .completed-chip{background:#22c55e2e;color:#4ade80}:root[data-theme=dark] .historical-chip{background:#f59e0b29;color:#fbbf24}:root[data-theme=dark] .created-chip{background:#3b82f633;color:#93c5fd}.popup-overlay{animation:fadeIn .2s ease-in;background:#11182773;z-index:1000}.popup-content{animation:scaleIn .25s ease-out;border:1px solid #e9e8ff;border-radius:24px;box-shadow:0 20px 60px #6a5af940;max-height:85vh;width:min(680px,94vw)}.popup-header{background:linear-gradient(90deg,#6a5af9,#8366fa);border-radius:24px 24px 0 0;padding:18px 24px}.popup-header h2{font-size:1.2rem;font-weight:700;letter-spacing:.2px}.close-button{border:0;padding:6px 10px;transition:all .2s}.close-button:hover{transform:scale(1.08)}.popup-body{background:#fff;overflow-y:auto;padding:20px 22px}.popup-body::-webkit-scrollbar{width:8px}.popup-body::-webkit-scrollbar-thumb{background:#e4e2ff;border-radius:6px}.popup-body::-webkit-scrollbar-thumb:hover{background:#d5d3ff}.loading-container{color:#6b6b85;padding:60px 0;text-align:center}.empty-state{color:#6b7280;font-weight:500;padding:50px 0}.diet-popup-list{grid-gap:14px;display:grid;gap:14px}.diet-popup-item{background:#f8f9ff;border:1px solid #ecebff;border-radius:16px;padding:14px;transition:all .2s}.diet-popup-item:hover{background:#f3f2ff;box-shadow:0 8px 16px #6a5af91a;transform:translateY(-1px)}.diet-popup-left{gap:12px}.diet-popup-icon{background:#f0f0f8;border-radius:12px;display:grid;flex-shrink:0;font-size:1.4rem;height:44px;place-items:center;width:44px}.diet-popup-title{font-size:1.02rem;font-weight:700;margin-bottom:4px}.diet-popup-notes{color:#4b5563;font-size:.9rem;margin-bottom:8px}.diet-popup-meta{gap:8px}.chip{background:#eef2ff;color:#6a5af9;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:capitalize}.chip-breakfast{background:#fff1e6;color:#f59e0b}.chip-lunch{background:#e7f5ff;color:#2563eb}.chip-dinner{background:#efeefe;color:#7c3aed}.chip-snack{background:#fef3c7;color:#b45309}.chip-drink{background:#e6fffa;color:#0d9488}.chip-supplement{background:#f3e8ff;color:#9333ea}.chip-other{background:#f1f5f9;color:#475569}.chip-cal{background:#e8fbf3;color:#059669}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.popup-content{border-radius:20px;width:95%}.diet-popup-item{padding:12px}}.consume-toggle{background:#0000;border:0;border-radius:50%;color:#9aa0b4;display:grid;font-size:18px;height:32px;margin-right:6px;place-items:center;transition:transform .15s ease,background .15s ease,color .15s ease;width:32px}.consume-toggle:hover{background:#eef2ff;transform:scale(1.06)}.consume-toggle.on{color:#10b981}.diet-popup-title.consumed{opacity:.75}.diet-popup-icon{font-size:1.8rem;margin-right:10px}.diet-popup-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{padding:3px 8px}.diet-popup-calculator{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;margin-top:8px;padding:8px 10px}.diet-popup-cal-row{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1.2fr 2fr 1.4fr}.diet-popup-cal-field label{color:#6b7280;display:block;font-size:11px;font-weight:600;margin-bottom:2px}.diet-popup-cal-hint{color:#6b7280;font-size:10px;margin-top:4px}@media (max-width:480px){.diet-popup-cal-row{align-items:stretch;grid-template-columns:1fr}.diet-popup-cal-total{margin-top:4px;text-align:left}}.diet-popup-item,.diet-popup-table-header{grid-template-columns:3fr .9fr 1.6fr 1.2fr}.diet-popup-cal-total .no-cal{color:#9ca3af}@media (max-width:640px){.diet-popup-table-header{display:none}.diet-popup-item{grid-template-columns:1fr;padding:10px 8px}.col-cal,.col-qty,.col-serving{margin-top:6px}.diet-popup-cal-total{text-align:left}}.diet-popup-table-header{grid-gap:8px;font-size:12px;gap:8px;grid-template-columns:3fr .9fr 1.6fr 1.1fr repeat(5,.8fr);margin-bottom:6px;padding:6px 12px}.diet-popup-table-header span{text-transform:uppercase}.diet-popup-list{max-height:360px;padding:0}.diet-popup-item{grid-gap:8px;gap:8px;grid-template-columns:3fr .9fr 1.6fr 1.1fr repeat(5,.8fr);padding:8px 12px}.diet-popup-left{align-items:flex-start;display:flex;gap:8px}.consume-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;margin-top:2px;width:28px}.consume-toggle.on{background:#ecfdf5;border-color:#22c55e;color:#16a34a}.diet-popup-icon{font-size:20px;margin-top:2px}.diet-popup-text{flex:1 1;min-width:0}.diet-popup-title{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diet-popup-title.consumed{opacity:.7;text-decoration:line-through}.diet-popup-notes{color:#6b7280;font-size:12px;margin-top:2px}.diet-popup-meta{margin-top:4px}.chip{align-items:center;background:#f3f4f6;border-radius:999px;color:#4b5563;display:inline-flex;font-size:11px;padding:2px 7px}.chip-base{background:#eef2ff;color:#4338ca}.diet-popup-cal-field input,.diet-popup-cal-field select{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;width:100%}.diet-popup-cal-field input:focus,.diet-popup-cal-field select:focus{border-color:#6a5af9;box-shadow:0 0 0 1px #6a5af91f}.diet-popup-cal-total{color:#111827;font-size:13px;font-weight:600;text-align:right;white-space:nowrap}.diet-popup-footnote{margin-top:8px}@media (max-width:768px){.diet-popup-table-header{display:none}.diet-popup-item{grid-template-columns:1fr;padding:10px 8px}.col-cal,.col-macro,.col-qty,.col-serving{margin-top:4px;text-align:left}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.popup-content{background:#fff;border-radius:22px;box-shadow:0 24px 60px #4f46e540;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:min(720px,95vw)}.popup-header{align-items:center;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;display:flex;justify-content:space-between;padding:16px 22px}.popup-header h2{font-size:1.1rem;font-weight:600;margin:0}.close-button{background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:4px 9px;transition:background .15s ease,transform .15s ease}.close-button:hover{background:#ffffff40;transform:scale(1.05)}.diet-popup-list,.diet-popup-table-header{padding:10px 18px}.diet-popup-table-header{grid-template-columns:3fr .8fr 1.4fr 1.1fr;padding-bottom:6px}.diet-popup-list{list-style:none;margin:0;max-height:48vh;overflow-y:auto;padding-bottom:10px;padding-top:6px}.diet-popup-list::-webkit-scrollbar{width:6px}.diet-popup-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.diet-popup-item{grid-template-columns:3fr .8fr 1.4fr 1.1fr;padding:8px 0}.diet-popup-item:last-child{border-bottom:none}.diet-item-food{gap:8px}.diet-item-food,.toggle-icon{align-items:center;display:flex}.toggle-icon{border:1px solid #e5e7eb;border-radius:999px;color:#9ca3af;flex-shrink:0;height:26px;justify-content:center;width:26px}.toggle-icon .on{color:#16a34a}.diet-item-icon{align-items:center;background:#f3f4ff;border-radius:12px;display:flex;flex-shrink:0;font-size:1.4rem;height:32px;justify-content:center;width:32px}.diet-item-text{min-width:0}.diet-item-title{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diet-item-meta{color:#6b7280;font-size:11px}.diet-item-qty input,.diet-item-serving select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;width:100%}.diet-item-qty input:focus,.diet-item-serving select:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11f}.diet-item-cal{color:#111827;font-size:13px;font-weight:600;text-align:right;white-space:nowrap}.diet-popup-footnote{background:#f9fafb;border-top:1px solid #f3f4f6;color:#6b7280;font-size:11px;margin:0;padding:8px 18px 14px}@media (max-width:768px){.popup-content{max-height:85vh;width:95vw}.diet-popup-table-header{display:none}.diet-popup-list{padding-inline:14px}.diet-popup-item{grid-template-columns:1fr;padding:10px 0;row-gap:6px}.diet-item-cal{text-align:left}}.diet-popup-item,.diet-popup-table-header{grid-template-columns:3fr .8fr 1.4fr repeat(6,1fr)}.diet-popup-table-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;padding:10px 18px 6px;text-transform:uppercase}.diet-popup-item,.diet-popup-table-header{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:3fr .8fr 1.4fr 1.1fr repeat(5,.9fr)}.diet-popup-item{align-items:center;border-bottom:1px solid #f3f4f6;padding:8px 18px}.col-macro{color:#374151;font-size:12px;white-space:nowrap}.col-macro,.diet-popup-table-header span:nth-child(n+4){text-align:right}.diet-inline-totals{color:#374151;display:flex;flex-wrap:wrap;font-size:11px;gap:6px;margin-top:4px}.diet-inline-total-chip{background:#eef2ff;border-radius:999px;padding:2px 8px}.diet-inline-label-row{grid-column-gap:10px;color:#6b7280;column-gap:10px;display:grid;font-size:11px;font-weight:600;grid-template-columns:1fr 1fr;margin-bottom:4px;margin-top:6px}.readonly-input{background:#f3f4f6;cursor:not-allowed}.diet-serving-wrapper{grid-column-gap:6px;align-items:center;column-gap:6px;display:grid;grid-template-columns:1.2fr auto}.diet-custom-serving-input{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:12px;outline:none;padding:4px 6px;width:70px}.diet-custom-serving-input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11f}.diet-add-name-wrapper{margin-bottom:8px;position:relative}.diet-add-name-row{align-items:center;display:flex;gap:8px}.diet-add-icon-preview{align-items:center;background:#f3f4ff;border-radius:999px;display:flex;flex-shrink:0;font-size:1.4rem;height:32px;justify-content:center;width:32px}.diet-add-name-row input{border:1px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:13px;outline:none;padding:8px 10px}.diet-add-name-row input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11f}.diet-suggestions-list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 25px #0f172a1f;left:40px;list-style:none;margin-top:4px;max-height:220px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:100%;z-index:30}.diet-suggestions-list::-webkit-scrollbar{width:6px}.diet-suggestions-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.diet-suggestion-item{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 10px}.diet-suggestion-item:hover{background:#f3f4ff}.diet-suggestion-icon{font-size:1.2rem}.diet-suggestion-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=dark] .popup-overlay{background:#0f172abf}:root[data-theme=dark] .popup-content{background:#020617;border:1px solid #1f2937;box-shadow:0 30px 80px #000}:root[data-theme=dark] .popup-header{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-bottom:1px solid #1f2937;color:#f9fafb}:root[data-theme=dark] .popup-header h2{color:#f9fafb}:root[data-theme=dark] .close-button{background:#ffffff1a;color:#e5e7eb}:root[data-theme=dark] .close-button:hover{background:#ffffff2e}:root[data-theme=dark] .popup-body{background:radial-gradient(circle at top,#020617 0,#020617 45%,#020617 100%);color:#e5e7eb}:root[data-theme=dark] .diet-popup-table-header,:root[data-theme=dark] .popup-body .field-label,:root[data-theme=dark] .popup-body label{color:#9ca3af}:root[data-theme=dark] .popup-body input,:root[data-theme=dark] .popup-body select,:root[data-theme=dark] .popup-body textarea{background:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .popup-body input::placeholder,:root[data-theme=dark] .popup-body textarea::placeholder{color:#6b7280}:root[data-theme=dark] .popup-body input:focus,:root[data-theme=dark] .popup-body select:focus,:root[data-theme=dark] .popup-body textarea:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f159}:root[data-theme=dark] .popup-body .macro-chip,:root[data-theme=dark] .popup-body .macro-pill,:root[data-theme=dark] .popup-body .macro-tag{background:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .diet-popup-table-header{background:#020617;border-bottom:1px solid #111827}:root[data-theme=dark] .diet-popup-list{background:#020617}:root[data-theme=dark] .diet-popup-item{border-bottom-color:#111827}:root[data-theme=dark] .diet-popup-title{color:#e5e7eb}:root[data-theme=dark] .diet-popup-notes{color:#9ca3af}:root[data-theme=dark] .diet-item-qty input,:root[data-theme=dark] .diet-item-serving select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .col-macro,:root[data-theme=dark] .diet-item-cal{color:#e5e7eb}:root[data-theme=dark] .consume-toggle{background:#020617;border-color:#1f2937;color:#9ca3af}:root[data-theme=dark] .consume-toggle.on{background:#022c22;border-color:#22c55e;color:#22c55e}:root[data-theme=dark] .diet-popup-calculator{background:#020617;border-color:#1f2937}:root[data-theme=dark] .diet-popup-cal-field label{color:#9ca3af}:root[data-theme=dark] .diet-popup-footnote{background:#020617;border-top-color:#111827;color:#9ca3af}:root[data-theme=dark] .popup-body .btn-secondary,:root[data-theme=dark] .popup-body .cancel-button{background:#020617;border:1px solid #4b5563;color:#e5e7eb}:root[data-theme=dark] .popup-body .btn-secondary:hover,:root[data-theme=dark] .popup-body .cancel-button:hover{background:#020617;border-color:#6b7280}:root[data-theme=dark] .popup-body .add-button,:root[data-theme=dark] .popup-body .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 30px #4f46e580;color:#fff}.diet-nutri-hint{font-size:12px;margin-top:6px;opacity:.8}.diet-nutri-error{color:#e11d48;font-size:12px;margin-top:6px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.diary-entry-page{background:linear-gradient(135deg,#e8d5ff,#f0e6ff 50%,#e0f0ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;min-height:100vh;padding:40px 60px}.diary-entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:40px}.header-left-content .entry-logo{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 15px}.header-left-content .entry-date{color:#1f2937;font-size:2.2rem;font-weight:600;line-height:1.2;margin:0 0 8px}.header-left-content .entry-time{color:#6b7280;font-size:1.1rem;font-weight:400;margin:0}.entry-action-button{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-link{background:#8b5cf6;color:#fff}.add-link:hover{background:#7c3aed;box-shadow:0 8px 20px #8b5cf64d;transform:translateY(-2px)}.add-image{background:#f3f4f6;color:#374151}.add-image:hover{background:#e5e7eb;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.diary-entry-content{--paper-max:1120px;--paper-vw:94vw;--paper-width:min(var(--paper-max),var(--paper-vw));--paper-aspect:1650/1165;--side-pad:clamp(16px,3vw,28px);background:#fdf0e7;border:1px solid #fff9;border-radius:22px;box-shadow:0 12px 38px #00000014;margin-top:10px;overflow:hidden;padding:clamp(16px,3vw,28px) 0 clamp(90px,12vh,140px);position:relative}.diary-entry-content:before{aspect-ratio:var(--paper-aspect);background-image:url(/static/media/Group%201051.73b06347f5c0dd1f07ca.png);background-position:top;background-repeat:no-repeat;background-size:contain;border-radius:inherit;content:"";left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.diary-entry-content .text-content{margin:0 auto;padding:0 var(--side-pad);position:relative;width:min(var(--paper-width),100%);z-index:2}.diary-entry-content .content-section{padding:0 var(--side-pad)}.two-editor{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.col-textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000!important;background-image:repeating-linear-gradient(180deg,#0000 0,#0000 calc(1.8rem - 1px),#b4b4b48c calc(1.8rem - 1px),#b4b4b48c 1.8rem)!important;background-position:top;background-size:100% 1.8rem;border:none;color:#1f2937;font:inherit;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:1.05rem;line-height:1.8rem;min-height:260px;overflow:hidden;padding:0;resize:none;width:100%}.lined-text{margin-bottom:25px;padding:0 0 8px}.lined-text p{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#c8c8c88c 1.7rem,#c8c8c88c calc(1.7rem + 1px));background-position-y:.2rem;background-repeat:repeat-y;background-size:100% 1.8rem;min-height:1.8rem}.lined-text.view-mode p{color:#374151}.lined-text.view-mode.two-col{column-count:2;column-gap:56px;column-rule:2px dotted #6366f159}.entry-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) 340px;padding:0 var(--side-pad)}.entry-grid.no-rail{grid-template-columns:1fr;justify-items:center}.entry-grid.no-rail .text-content{margin:0 auto;max-width:min(var(--paper-width),1120px);width:100%}.rail-container{align-self:stretch;height:100%;margin-right:8px;position:relative}.right-rail{grid-gap:20px;display:grid;gap:20px;position:-webkit-sticky;position:sticky;top:16px;z-index:5}.rail-image{border-radius:12px;overflow:hidden;transform:rotate(-3deg);transform-origin:center;transition:transform .3s ease,box-shadow .3s ease}.rail-image:hover{transform:rotate(-3deg) translateY(-5px) scale(1.03)}.rail-image img{display:block;width:100%}.delete-image-btn{-webkit-appearance:none;appearance:none}.rail-fixed{position:fixed!important;top:16px;z-index:9}.rail-bottom{bottom:0;left:0;position:absolute!important;right:0}.diary-entry-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:50px;bottom:30px;box-shadow:0 8px 30px #0000001f;display:flex;gap:20px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.nav-button-dairy-entry{align-items:center;background:#8b5cf6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:50px;justify-content:center;line-height:1;transition:all .3s ease;width:50px}.nav-button-dairy-entry:hover{background:#7c3aed;transform:translateY(-3px)}.nav-button-dairy-entry:disabled{background:#c4b5fd;cursor:not-allowed;transform:none}.nav-button-dairy-entry.calendar-button{font-size:1.5rem}.calendar-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:20px}.react-calendar{border:none;border-radius:12px;font-family:inherit}.has-entry{background:#d8b4fe!important;border-radius:50%;color:#581c87;font-weight:700}.loading-state-inline{color:#6b7280;font-size:1.2rem;padding:50px;text-align:center;width:100%}.stt-toolbar{align-items:center;display:flex;gap:10px;margin-bottom:12px}.stt-lang-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.95rem;padding:8px 12px}.stt-mic-btn{align-items:center;background:#111827;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:8px 14px;position:relative}.stt-mic-btn .stt-dot{background:#10b981;border-radius:50%;height:8px;width:8px}.stt-mic-btn.listening{background:#dc2626}.stt-mic-btn.listening .stt-dot{animation:pulse 1s infinite;background:#fff}.stt-hint{color:#6b7280;font-size:.9rem}@media (max-width:1024px){.diary-entry-page{padding:30px 40px}.diary-entry-content{--paper-max:980px}.entry-grid{grid-template-columns:1fr}.rail-container{align-self:auto;height:auto}.right-rail{position:static}.rail-bottom,.rail-fixed{left:auto!important;position:static!important;width:auto!important}}@media (max-width:768px){.diary-entry-page{padding:30px}.diary-entry-header{flex-direction:column;gap:20px}.header-left-content .entry-logo{font-size:2.2rem}.header-left-content .entry-date{font-size:1.8rem}.diary-entry-content{--paper-max:720px;--paper-vw:92vw;--side-pad:clamp(12px,4vw,22px)}.two-editor{grid-template-columns:1fr}}@media (max-width:480px){.header-right-content{flex-direction:column;width:100%}.entry-action-button{width:100%}.header-left-content .entry-logo{font-size:1.8rem}.header-left-content .entry-date{font-size:1.5rem}.diary-entry-content{--paper-max:440px;--paper-vw:92vw}}.col-textarea,.col-textarea:active,.col-textarea:focus,.col-textarea:focus-visible{-webkit-tap-highlight-color:transparent;border:none!important;box-shadow:none!important;outline:none!important}.col-textarea:focus-visible{box-shadow:0 0 0 0 #0000!important}.col-textarea:focus{outline-color:#0000!important}:root[data-theme=dark] .diary-entry-page{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%);color:#e5e7eb}:root[data-theme=dark] .header-left-content .entry-date{color:#e5e7eb}:root[data-theme=dark] .header-left-content .entry-time{color:#9ca3af}:root[data-theme=dark] .entry-action-button.add-link{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#f9fafb}:root[data-theme=dark] .entry-action-button.add-link:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 10px 26px #4f46e599}:root[data-theme=dark] .entry-action-button.add-image{background:#020617;border:1px solid #1f2937;color:#e5e7eb}:root[data-theme=dark] .entry-action-button.add-image:hover{background:#020617;box-shadow:0 10px 26px #0f172ae6}:root[data-theme=dark] .diary-entry-content{background:#020617;border-color:#1f2937;box-shadow:0 26px 70px #000}:root[data-theme=dark] .diary-entry-content:before{filter:brightness(.9);opacity:.25}:root[data-theme=dark] .col-textarea{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 calc(1.8rem - 1px),#334155bf calc(1.8rem - 1px),#334155bf 1.8rem)!important;color:#e5e7eb}:root[data-theme=dark] .lined-text p{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#334155bf 0,#334155bf calc(1.7rem + 1px))}:root[data-theme=dark] .lined-text.view-mode p{color:#e5e7eb}:root[data-theme=dark] .rail-image{background:#020617;box-shadow:0 18px 40px #000000e6}:root[data-theme=dark] .diary-entry-nav{background:#0f172af2;border:1px solid #1f2937;box-shadow:0 20px 60px #000}:root[data-theme=dark] .nav-button-dairy-entry{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#f9fafb}:root[data-theme=dark] .nav-button-dairy-entry:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}:root[data-theme=dark] .nav-button-dairy-entry:disabled{background:#4b5563}:root[data-theme=dark] .calendar-overlay{background:#0f172ad9}:root[data-theme=dark] .calendar-container{background:#020617;border:1px solid #1f2937;border-radius:16px;box-shadow:0 26px 70px #000}:root[data-theme=dark] .react-calendar{background:#0000;color:#e5e7eb}:root[data-theme=dark] .react-calendar__navigation button{color:#e5e7eb}:root[data-theme=dark] .react-calendar__tile{background:#0000;color:#e5e7eb}:root[data-theme=dark] .react-calendar__tile--now{background:#374151b3}:root[data-theme=dark] .react-calendar__tile--active{background:#6366f1;color:#f9fafb}:root[data-theme=dark] .has-entry{background:#4c1d95!important;color:#e9d5ff!important}:root[data-theme=dark] .stt-lang-select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .stt-hint{color:#9ca3af}:root[data-theme=dark] .stt-mic-btn{background:#111827}:root[data-theme=dark] .stt-mic-btn.listening{background:#b91c1c}:root[data-theme=dark] .loading-state-inline{color:#9ca3af}:root[data-theme=dark] .calendar-overlay{z-index:2000}.ds-modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12152799;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.ds-modal{animation:scaleUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 15px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:92vw;overflow:hidden;width:700px}.ds-modal-header{align-items:center;border-bottom:1px solid #e9e9e9;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.ds-header-title{align-items:center;color:#333;display:flex;gap:12px}.ds-header-title h3{font-size:18px;margin:0}.ds-header-icon{color:#555}.ds-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s,color .2s}.ds-close-btn:hover{background-color:#f1f1f1;color:#333}.ds-modal-body{display:flex;flex-direction:column;overflow-y:auto;padding:12px 20px 8px}.ds-result-container{background:#f7f7f9;border-radius:12px;display:flex;flex-direction:column;margin-bottom:8px;padding:12px}.ds-result-box{color:#333;flex-grow:1;overflow-y:auto}.ds-result-text{word-wrap:break-word;font-size:15px;line-height:1.6;white-space:pre-wrap}.ds-error{align-self:flex-start;background:#fbeae9;border-radius:8px;color:#d93025;font-weight:500;padding:10px}.ds-loading-indicator{align-items:center;color:#555;display:flex;font-size:16px;gap:12px;justify-content:center}.ds-result-actions{border-top:1px solid #e9e9e9;display:flex;gap:10px;margin-top:16px;padding-top:16px}.ds-action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.ds-action-btn:disabled{cursor:not-allowed;opacity:.6}.ds-action-btn.insert{background-color:#e6eef8;color:#0a3a66}.ds-action-btn.insert:hover{background-color:#d1dff1}.ds-action-btn.copy{background-color:#f1f1f1;color:#333}.ds-action-btn.copy:hover{background-color:#e3e3e3}.ds-action-btn.recreate{background-color:#f1f1f1;color:#333}.ds-action-btn.recreate:hover{background-color:#e3e3e3}.ds-prompt-area{align-items:flex-end;display:flex;gap:10px;margin-top:8px;padding-top:0}.ds-prompt-textarea{background:#f9f9f9;border:1px solid #ccc;border-radius:12px;flex-grow:1;font-family:inherit;font-size:16px;max-height:200px;overflow-y:auto;padding:12px 16px;resize:none;transition:border-color .2s,box-shadow .2s}.ds-prompt-textarea:focus{background:#fff;border-color:#6a46ff;box-shadow:0 0 0 3px #6a46ff26;outline:none}.ds-prompt-buttons{flex-direction:column;gap:8px;justify-content:flex-end}.ds-mic-btn,.ds-prompt-buttons{align-items:center;display:flex}.ds-mic-btn{background:#f3f3ff;border:1px solid #d4d4ff;border-radius:999px;cursor:pointer;height:36px;justify-content:center;transition:background-color .2s,transform .2s,box-shadow .2s;width:36px}.ds-mic-btn:hover{background:#e3e3ff;transform:translateY(-1px)}.ds-mic-btn.listening{background:#ffebf0;border-color:#ff6b9a;box-shadow:0 0 0 3px #ff6b9a40}.ds-send-btn{align-items:center;background:#6a46ff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:background-color .2s,transform .2s;width:48px}.ds-send-btn:hover{background:#5a38e0;transform:scale(1.05)}.ds-send-btn:disabled{background:#c5b9ff;cursor:not-allowed;transform:none}.ds-shortcut-hint{color:#999;font-size:12px;margin:2px 60px 0 0;text-align:right}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ds-spinner{animation:spin .8s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#6a46ff;height:20px;width:20px}.grievances-page{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;min-height:100vh;padding:40px 60px}.grievances-header{align-items:flex-start;display:flex;justify-content:space-between;padding-bottom:30px}.header-left-content .page-section-title{color:#1f2937;font-size:2.2rem;font-weight:600;line-height:1.2;margin:0 0 8px}.header-left-content .page-section-desc{color:#6b7280;font-size:1rem;font-weight:400;margin:0}.header-right-content{display:flex;gap:15px;margin-top:20px}.grievances-action-btn{background:#8b5cf6;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.grievances-action-btn:hover{background:#7c3aed;box-shadow:0 8px 20px #8b5cf633;transform:translateY(-2px)}.error-message-bar,.grievance-loading{background:none;border:none;box-shadow:none;color:#6b7280;font-size:1.2rem;margin:1.5em 0 1em;text-align:center}.error-message-bar{background:#f8d7da;border-radius:8px;color:#ef4444;padding:10px 20px}.grievances-content-section{align-items:flex-start;color:#1f2937;display:flex;font-size:1.1rem;font-weight:400;gap:24px;line-height:1.7;min-height:350px;padding-top:18px;width:100%}.grievances-left{display:flex;flex:0 0 450px;flex-direction:column;gap:18px;max-width:450px}.grievances-calendar-card .react-calendar__month-view__weekdays{display:flex!important}.grievances-calendar-card .react-calendar__month-view__weekdays__weekday{flex-basis:calc(14.28571% - 8.57143px);flex-grow:1;flex-shrink:0}.grievances-calendar-card .react-calendar__month-view__days{display:flex!important;flex-wrap:wrap!important;gap:15px!important}.grievances-calendar-card .react-calendar__tile{flex-basis:calc(14.28571% - 8.57143px);flex-grow:1;flex-shrink:0;margin:0!important;max-width:calc(14.28571% - 8.57143px)}.grievances-calendar-card .react-calendar__month-view__days__day--neighboringMonth{pointer-events:none;visibility:hidden}.grievances-calendar-card .react-calendar__tile:disabled{cursor:default}.grievances-right{display:flex;flex:1 1;flex-direction:column;gap:8px}.grievances-hero-card{background-image:url(/static/media/gravience.0e7ed065ef3d37b30036.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;color:#fff;height:200px;overflow:hidden;padding:24px 26px;position:relative;width:100%}.grievances-hero-placeholder{background:#0000;position:relative;z-index:1}.grievances-hero-placeholder h3{font-size:1.3rem;font-weight:700;margin:0 0 8px}.grievances-hero-placeholder p{font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.grievances-calendar-card{background:#fff;border:1px solid #e5e7ebbf;border-radius:22px;box-shadow:0 14px 30px #0f172a1f;overflow:hidden;padding:18px 18px 14px;position:relative}.grievances-calendar-card:before{background:radial-gradient(circle at 35% 35%,#7dd3fc8c 0,#7dd3fc47 35%,#7dd3fc1f 60%,#7dd3fc00 75%);border-radius:999px;content:"";filter:blur(33px);height:300px;pointer-events:none;position:absolute;right:-44px;top:-51px;width:200px;z-index:0}.calendar-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.calendar-card-title-wrapper{display:flex;flex-direction:column;gap:4px}.calendar-card-title-btn{align-items:center;background:#0000;border:none;color:#111827;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:4px;padding:0}.calendar-card-title-btn:hover{color:#4c1d95}.calendar-title-caret{font-size:12px;opacity:.7}.calendar-card-subtitle{color:#9ca3af;font-size:12px}.month-year-picker{display:flex;gap:6px;margin-top:6px}.month-year-picker select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#111827;font-size:12px;outline:none;padding:2px 10px}.month-year-picker select:focus{border-color:#8b5cf6}.calendar-card-nav{align-items:center;display:flex;gap:8px}.calendar-card-nav-btn{align-items:center;border:none;border-radius:999px;color:#131313;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;transition:all .15s ease;width:28px}.calendar-card-nav-btn:hover{background:#e9d5ff}.grievances-calendar-card .react-calendar{box-shadow:none}.grievances-calendar-card .react-calendar__month-view__weekdays{color:#9ca3af;font-size:11px}.grievances-calendar-card .react-calendar__tile--now{border-radius:999px}.grievances-calendar-card .react-calendar__tile--active{background:#4f46e5;color:#fff}.detail-card-top-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.detail-card-date{color:#000;font-size:20px;font-weight:800;margin-bottom:6px}.grievances-view-btn{background:#f3e8ff;border:none;border-radius:999px;box-shadow:0 4px 10px #0f172a14;color:#4c1d95;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:all .2s ease}.grievances-view-btn:hover{background:#ede9fe;transform:translateY(-1px)}.grievances-detail-card{background:#fff;border-radius:24px;box-shadow:0 14px 32px #0f172a1a;display:flex;flex-direction:column;height:29.9rem;padding:18px 22px 22px}.detail-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.detail-card-title{color:#111827;font-size:15px;font-weight:600}.detail-pill{border-radius:999px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.detail-pill.high{background:#fee2e2;color:#b91c1c}.detail-pill.empty{background:#e5e7eb;color:#6b7280}.grievances-detail-scroll{flex:1 1;margin-top:6px;overflow-y:auto}.lined-text{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#c8c8c88c 1.7rem,#c8c8c88c calc(1.7rem + 1px));background-position-y:.25rem;background-repeat:repeat-y;background-size:100% 1.8rem;min-height:260px;padding:4px 0 8px;position:relative}.lined-text p{background:#0000;color:#1f2937;font-size:1.05rem;line-height:1.8rem;margin:0;overflow-wrap:anywhere;padding-right:4px;text-align:left;word-break:break-word}.lined-text-wrapper{margin-bottom:0;overflow:hidden;padding-bottom:0;position:relative}.lined-text-textarea{background:#0000;background-attachment:local;background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#c8c8c88c 1.7rem,#c8c8c88c calc(1.7rem + 1px));background-position-y:.25rem;background-repeat:repeat-y;background-size:100% 1.8rem;border:none;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:1.05rem;height:260px;line-height:1.8rem;margin:0;max-height:260px;opacity:.95;overflow-y:auto;padding:0;resize:none;width:100%}.lined-text-textarea:focus{box-shadow:none;outline:none}.lined-text-textarea::-webkit-scrollbar{width:6px}.lined-text-textarea::-webkit-scrollbar-track{background:#0000}.lined-text-textarea::-webkit-scrollbar-thumb{background:#94a3b8e6;border-radius:999px}.grievances-view-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.grievances-view-modal{background:#fff;border-radius:18px;box-shadow:0 18px 50px #0f172a40;display:flex;flex-direction:column;max-height:75vh;max-width:720px;padding:18px 22px 20px;width:90%}.grievances-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.grievances-view-header h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.view-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:999px;color:#4b5563;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:all .15s ease;width:30px}.view-close-btn:hover{background:#e5e7eb}.grievances-view-date{color:#6b7280;font-size:.9rem;margin-bottom:10px}.grievances-view-body{border-top:1px solid #e5e7eb;margin-top:4px;overflow-y:auto;padding-top:6px}.grievances-view-body p{color:#111827;font-size:1.02rem;line-height:1.8;margin:0 0 6px;overflow-wrap:anywhere;word-break:break-word}@media (max-width:1024px){.grievances-page{padding:30px 35px}.grievances-content-section{flex-direction:column}.grievances-left{flex:none;max-width:100%}}@media (max-width:768px){.grievances-header{flex-direction:column;gap:20px}}@media (max-width:480px){.grievances-page{padding:10px 2vw}}:root[data-theme=dark] .grievances-page{background:radial-gradient(circle at top,#020617 0,#020617 35%,#020617 50%,#020617 100%);color:#e5e7eb}:root[data-theme=dark] .header-left-content .page-section-title{color:#e5e7eb}:root[data-theme=dark] .header-left-content .page-section-desc{color:#9ca3af}:root[data-theme=dark] .grievances-action-btn{background:#8b5cf6;color:#f9fafb}:root[data-theme=dark] .grievances-action-btn:hover{background:#7c3aed;box-shadow:0 8px 20px #3730a373}:root[data-theme=dark] .header-right-content .action-btn{background:#0000;border:1px solid #4b5563;color:#e5e7eb}:root[data-theme=dark] .grievances-hero-card{box-shadow:0 14px 32px #0f172abf}:root[data-theme=dark] .grievances-calendar-card{background:#020617;border:1px solid #111827;box-shadow:0 14px 32px #000000b3}:root[data-theme=dark] .calendar-card-title-btn{color:#e5e7eb}:root[data-theme=dark] .calendar-card-title-btn:hover{color:#c4b5fd}:root[data-theme=dark] .calendar-card-subtitle{color:#6b7280}:root[data-theme=dark] .month-year-picker select{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .month-year-picker select:focus{border-color:#8b5cf6}:root[data-theme=dark] .calendar-card-nav-btn{background:#111827;color:#c4b5fd}:root[data-theme=dark] .calendar-card-nav-btn:hover{background:#1f2937}:root[data-theme=dark] .grievances-calendar-card .react-calendar__month-view__weekdays{color:#9ca3af}:root[data-theme=dark] .grievances-calendar-card .react-calendar__tile{background:#0000;color:#e5e7eb}:root[data-theme=dark] .grievances-calendar-card .react-calendar__tile--now{background:#8b5cf629}:root[data-theme=dark] .grievances-calendar-card .react-calendar__tile--active{background:#8b5cf6;color:#f9fafb}:root[data-theme=dark] .detail-card-date{color:#f9fafb}:root[data-theme=dark] .grievances-view-btn{background:#8b5cf629;box-shadow:0 4px 14px #0f172ae6;color:#e0e7ff}:root[data-theme=dark] .grievances-view-btn:hover{background:#8b5cf652}:root[data-theme=dark] .grievances-detail-card{background:#020617;border:1px solid #111827;box-shadow:0 20px 50px #000000d9}:root[data-theme=dark] .detail-card-title{color:#e5e7eb}:root[data-theme=dark] .detail-pill.high{background:#ef44441f;color:#fecaca}:root[data-theme=dark] .detail-pill.empty{background:#374151cc;color:#9ca3af}:root[data-theme=dark] .lined-text{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#374151d9 1.7rem,#374151d9 calc(1.7rem + 1px))}:root[data-theme=dark] .lined-text p{color:#e5e7eb}:root[data-theme=dark] .lined-text-textarea{background-image:repeating-linear-gradient(180deg,#0000 0,#0000 1.7rem,#374151d9 1.7rem,#374151d9 calc(1.7rem + 1px));color:#e5e7eb}:root[data-theme=dark] .lined-text-textarea::-webkit-scrollbar-thumb{background:#4b5563e6}:root[data-theme=dark] .grievances-view-modal{background:#020617;border:1px solid #111827;box-shadow:0 25px 70px #000000f2}:root[data-theme=dark] .grievances-view-header h3{color:#e5e7eb}:root[data-theme=dark] .view-close-btn{background:#111827;color:#e5e7eb}:root[data-theme=dark] .view-close-btn:hover{background:#1f2937}:root[data-theme=dark] .grievances-view-date{color:#9ca3af}:root[data-theme=dark] .grievances-view-body{border-top-color:#1f2937}:root[data-theme=dark] .grievances-view-body p{color:#e5e7eb}:root[data-theme=dark] .error-message-bar{background:#b91c1c2e;border:1px solid #f8717166;color:#fecaca}.cal2-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;position:relative}.cal2-title{background:#0000;border:none;flex:1 1;font-size:14px;font-weight:800;letter-spacing:.8px;text-align:center;text-transform:uppercase}.cal2-arrow,.cal2-title{color:#0f172a;cursor:pointer}.cal2-arrow{align-items:center;background:#ffffffa6;border:none;border-radius:999px;box-shadow:0 6px 14px #0f172a1f;display:flex;font-size:22px;font-weight:900;height:36px;justify-content:center;transition:transform .15s ease,background .15s ease;width:36px}.cal2-arrow:hover{background:#ffffffe6;transform:translateY(-1px)}.cal2-pickerRow{display:flex;gap:8px;justify-content:center;margin:8px 0 12px}.cal2-pickerRow select{background:#ffffffbf;border:1px solid #94a3b859;border-radius:999px;color:#0f172a;font-size:12px;outline:none;padding:6px 12px}.grievances-calendar-card .react-calendar{background:#0000!important;border:none!important;font-family:inherit;width:100%}.grievances-calendar-card .react-calendar__navigation{display:none}.grievances-calendar-card .react-calendar__month-view__weekdays{color:#3b82f6;font-size:12px;font-weight:700;text-transform:none}.grievances-calendar-card .react-calendar__month-view__weekdays__weekday{padding:8px 0 10px;text-align:center}.grievances-calendar-card .react-calendar__month-view__weekdays__weekday abbr{cursor:default;text-decoration:none!important}.grievances-calendar-card .react-calendar__tile{align-items:center;background:#0000;border-radius:999px;color:#0f172a;display:flex;height:44px;justify-content:center;margin:3px auto;max-width:44px;transition:background .12s ease,transform .12s ease}.grievances-calendar-card .react-calendar__tile:enabled:hover{background:#3b82f61f;transform:translateY(-1px)}.grievances-calendar-card .react-calendar__tile--now{background:#0000!important;box-shadow:inset 0 0 0 2px #3b82f640}.grievances-calendar-card .react-calendar__tile--active{background:#2563eb!important;box-shadow:0 12px 18px #2563eb40;color:#fff!important}.grievances-calendar-card .react-calendar__tile:disabled{background:#0000!important;cursor:not-allowed;opacity:.35}.grievances-calendar-card .react-calendar__month-view__days__day--neighboringMonth{color:#0f172a59!important;font-weight:600}.grievances-calendar-card .react-calendar__tile:disabled{color:#0f172a47!important;opacity:1}.logs-page{background:radial-gradient(circle at top left,#f9e9ff 0,#f5f7ff 35%,#f7fbff 70%,#fff 100%);min-height:100vh;padding:24px 32px}.logs-container{border-radius:18px;color:#2f3542;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:22px 24px 26px}.logs-header{align-items:center;border-bottom:1px solid #ecf0f6;display:flex;justify-content:space-between;padding-bottom:18px}.logs-title-section{align-items:center;display:flex;gap:14px}.grievance-back-btn{background:#fff;border:none;border-radius:999px;box-shadow:0 1px 0 #11111a0d,0 0 8px #11111a1a;color:#000;cursor:pointer;padding:8px;transition:all .25s ease}.grievance-back-btn:hover{background:#dde3ff;color:#273c75;transform:translateX(-1px)}.logs-title-section h1{color:#202744;font-size:26px;font-weight:700;letter-spacing:.02em;margin:0}.logs-title-section p{color:#8692b0;font-size:13px;margin:2px 0 0}.logs-actions{display:flex;gap:10px}.logs-actions button{align-items:center;background:linear-gradient(135deg,#6f76ff,#9a6dff);border:none;border-radius:999px;box-shadow:0 6px 16px #6f76ff59;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.02em;padding:8px 16px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.logs-actions button:hover{box-shadow:0 9px 20px #6f76ff66;opacity:.96;transform:translateY(-1px)}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:26px;margin-top:22px}.stat-card{background:#fff;border-radius:18px;box-shadow:0 10px 24px #4149b214;cursor:default;gap:14px;overflow:hidden;padding:26px 22px;position:relative}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:16px;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-icon svg{display:block}.stat-icon.total{background:#656ef7}.stat-icon.created{background:#ffb368}.stat-icon.updated{background:#d667f4}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1e2438;font-size:22px;font-weight:700;line-height:1.1}.stat-label{color:#8c96b2;font-size:12px;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.logs-filters{margin-bottom:22px}.filters-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#555f8b;font-size:13px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.filter-group input[type=date]{background:#fff;border:1px solid #dde2f2;border-radius:999px;font-size:13px;padding:8px 14px;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.filter-group select{background:#fff;border:1px solid #dde2f2;border-radius:12px;box-shadow:0 4px 12px #96a3ff1f;font-size:14px;height:44px;padding:12px 16px;transition:all .25s ease}.filter-group input[type=date]:focus{background:#fff;border-color:#6f76ff;box-shadow:0 0 0 2px #6f76ff40;outline:none}.filter-group select:focus{background:#fff;border-color:#6f76ff;box-shadow:0 6px 18px #6f76ff42;outline:none}.filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:14px}.clear-filters-btn{background:#ff6b81;border:none;border-radius:999px;box-shadow:0 4px 12px #00000014;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.03em;padding:8px 16px;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.clear-filters-btn:hover{background:#e84118;transform:translateY(-1px)}.results-count{color:#717da0;font-size:13px;font-weight:600}.logs-content{min-height:220px}.loading{align-items:center;color:#3742fa;display:flex;flex-direction:column;font-weight:600;padding:40px 0}.spinner{border:4px solid #dcdde1;border-top-color:#3742fa;height:34px;margin-bottom:12px;width:34px}.no-logs{color:#7f8fa6;margin-top:40px;text-align:center}.no-logs h3{font-weight:600;margin:12px 0 6px}.no-logs p{font-size:14px}.logs-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.log-item{background:#fff;border:1px solid #e2e7fb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:130px;padding:14px 16px;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.log-item:hover{border-color:#6f76ff;box-shadow:0 12px 26px #3742fa2e;transform:translateY(-2px)}.log-header{justify-content:space-between}.log-action,.log-header{align-items:center;display:flex}.log-action{gap:8px}.action-icon{align-items:center;color:#6f76ff;display:flex;flex-shrink:0}.action-text{color:#252b43;font-size:15px;font-weight:700;text-transform:capitalize}.action-time{color:#a4b0be;font-size:11px}.log-level{border-radius:999px;color:#fff;font-size:11px;font-weight:600;min-width:80px;padding:4px 10px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.log-description{color:#57606f;font-size:13px;line-height:1.35;min-height:40px;overflow:hidden;text-overflow:ellipsis}.log-grievance{align-items:baseline;color:#3742fa;display:flex;font-size:12px;font-weight:600;gap:6px}.grievance-label{color:#7f8fa6;font-weight:500}.log-meta{color:#a4b0be;font-size:11px;gap:12px;justify-content:flex-start}.log-meta,.pagination{align-items:center;display:flex}.pagination{flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.pagination-btn{background-color:#f1f2f6;border:1px solid #dcdde1;border-radius:999px;color:#3742fa;cursor:pointer;font-size:13px;min-width:44px;padding:6px 12px;transition:background-color .25s ease,border-color .25s ease,transform .25s ease;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background-color:#3742fa;border-color:#3742fa;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.6}.pagination-btn.active{background-color:#3742fa;border-color:#3742fa;color:#fff;font-weight:700}.pagination-ellipsis{color:#a4b0be;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}@media (max-width:900px){.logs-page{padding:16px}.logs-container{padding:18px 16px 22px}.logs-header{align-items:flex-start;flex-direction:column;gap:10px}.logs-actions{align-self:stretch;justify-content:flex-start}}@media (max-width:600px){.logs-actions{flex-direction:column;gap:8px}.filters-grid,.logs-grid{grid-template-columns:1fr}}:root[data-theme=dark] .logs-page{background:radial-gradient(circle at top left,#818cf82e,#0000 55%),radial-gradient(circle at bottom right,#ec489929,#0000 55%),#020617}:root[data-theme=dark] .logs-container{background:#020617;border:1px solid #111827;border-radius:18px;box-shadow:0 18px 45px #000000e6;color:#e5e7eb}:root[data-theme=dark] .logs-header{border-bottom-color:#111827}:root[data-theme=dark] .logs-title-section h1{color:#e5e7eb}:root[data-theme=dark] .logs-title-section p{color:#9ca3af}:root[data-theme=dark] .grievance-back-btn{background:#020617;box-shadow:0 4px 14px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .grievance-back-btn:hover{background:#0b1120;color:#c7d2fe}:root[data-theme=dark] .logs-actions button{box-shadow:0 10px 28px #818cf8b3}:root[data-theme=dark] .stat-card{background:#020617;border:1px solid #111827;border-radius:18px;box-shadow:0 18px 40px #0f172af2}:root[data-theme=dark] .stat-value{color:#e5e7eb}:root[data-theme=dark] .filter-group label{color:#9ca3af}:root[data-theme=dark] .filter-group input[type=date],:root[data-theme=dark] .filter-group select{background:#020617;border-color:#1f2937;box-shadow:none;color:#e5e7eb}:root[data-theme=dark] .filter-group input[type=date]::placeholder{color:#6b7280}:root[data-theme=dark] .filter-group input[type=date]:focus,:root[data-theme=dark] .filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f173;outline:none}:root[data-theme=dark] .clear-filters-btn{background:#fb7185;box-shadow:0 12px 32px #f87171a6}:root[data-theme=dark] .clear-filters-btn:hover{background:#f97373}:root[data-theme=dark] .results-count{color:#9ca3af}:root[data-theme=dark] .loading{color:#a5b4fc}:root[data-theme=dark] .spinner{border-color:#6366f1 #1f2937 #1f2937}:root[data-theme=dark] .no-logs{color:#9ca3af}:root[data-theme=dark] .log-item{background:#020617;border-color:#1c51c2;box-shadow:none}:root[data-theme=dark] .log-item:hover{border-color:#6366f1;box-shadow:0 16px 40px #0f172af2}:root[data-theme=dark] .action-text{color:#e5e7eb}:root[data-theme=dark] .action-time{color:#6b7280}:root[data-theme=dark] .log-description{color:#9ca3af}:root[data-theme=dark] .log-grievance{color:#a5b4fc}:root[data-theme=dark] .grievance-label,:root[data-theme=dark] .log-meta{color:#6b7280}:root[data-theme=dark] .pagination-btn{background-color:#020617;border-color:#1f2937;color:#a5b4fc}:root[data-theme=dark] .pagination-btn.active,:root[data-theme=dark] .pagination-btn:hover:not(:disabled){background-color:#4f46e5;border-color:#4f46e5;color:#fff}:root[data-theme=dark] .pagination-ellipsis{color:#6b7280}.logs-grid{grid-gap:18px!important;display:grid!important;gap:18px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:18px}@media (max-width:900px){.logs-grid{grid-template-columns:1fr!important}}.log-item2{background:#fff;border:1px solid #e2e7fbe6;border-radius:18px;box-shadow:0 10px 26px #0f172a0f;min-height:200px;padding:18px 18px 16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.log-item2:hover{border-color:#6f76ff8c;box-shadow:0 18px 40px #3742fa1f;transform:translateY(-2px)}.log2-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.log2-left{display:flex;gap:6px;min-width:0}.log2-action{color:#111827;font-size:18px;font-weight:800;gap:8px;letter-spacing:.2px;text-transform:lowercase}.log2-action,.log2-action-icon{align-items:center;display:inline-flex}.log2-action-icon{color:#6f76ff;justify-content:center}.log2-action.created .log2-action-icon{color:#2ed573}.log2-action.updated .log2-action-icon{color:#ffb549}.log2-time{color:#9aa3b2;font-size:12.5px;font-weight:600;margin-top:5px}.log2-status{border-radius:999px;font-size:12px;font-weight:700;margin-top:2px;padding:6px 14px;white-space:nowrap}.log2-status.success{background:#2ed57324;border:1px solid #2ed57340;color:#1f8a4c}.log2-body{display:flex;flex-direction:column;gap:10px}.log2-desc{-webkit-line-clamp:6;color:#1f2937;font-size:13.5px}.log2-desc,.log2-grievance{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.55;margin:0;overflow:hidden}.log2-grievance{-webkit-line-clamp:4;color:#475569;font-size:13px}:root[data-theme=dark] .log-item2{background:#020617;border-color:#1f2937;box-shadow:none}:root[data-theme=dark] .log-item2:hover{border-color:#6366f199;box-shadow:0 18px 40px #0000008c}:root[data-theme=dark] .log2-action{color:#e5e7eb}:root[data-theme=dark] .log2-time{color:#94a3b8}:root[data-theme=dark] .log2-desc{color:#cbd5e1}:root[data-theme=dark] .log2-grievance{color:#9ca3af}:root[data-theme=dark] .log2-status.success{background:#2ed57329;border-color:#2ed57340;color:#86efac}.reaction-modal-overlay{align-items:center;background:#0f172aa6;display:flex;inset:0;justify-content:center;position:fixed;z-index:2500}.reaction-modal{background:#0b1120;border-radius:18px;box-shadow:0 24px 60px #0f172ab3;color:#f9fafb;display:flex;flex-direction:column;max-height:70vh;max-width:90vw;overflow:hidden;position:relative;width:320px}.reaction-modal-header{align-items:center;border-bottom:1px solid #94a3b84d;display:flex;justify-content:space-between;padding:10px 14px 6px}.reaction-tabs{display:flex;gap:8px}.reaction-tab{align-items:center;background:#0000;border:none;border-radius:999px;color:#e5e7eb;cursor:pointer;display:flex;font-size:12px;gap:4px;outline:none;padding:4px 10px}.reaction-tab.active{background:#16a34a;color:#f9fafb}.reaction-tab-emoji{font-size:15px}.reaction-tab-count{font-size:11px}.reaction-modal-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px}.reaction-modal-body{max-height:250px;overflow-y:auto;padding:8px 0 6px}.reaction-empty{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.reaction-list{list-style:none;margin:0;padding:0}.reaction-item{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:8px 14px}.reaction-item:not(:last-child){border-bottom:1px solid #1f2937cc}.reaction-user{align-items:center;display:flex;gap:8px}.reaction-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.reaction-avatar.placeholder{align-items:center;background:#1f2937;color:#e5e7eb;display:flex;font-size:15px;font-weight:600;justify-content:center}.reaction-user-details{display:flex;flex-direction:column}.reaction-user-name{font-size:13px;font-weight:500}.reaction-user-sub{color:#9ca3af;font-size:11px}.reaction-emoji-btn{background:#0000;border:none;cursor:pointer;font-size:20px}:root[data-theme=dark] .reaction-modal-overlay{background:#0f172acc}:root[data-theme=dark] .reaction-modal{background:#020617;background:var(--bg-card,#020617);box-shadow:0 28px 80px #0f172ae6;color:#e5e7eb;color:var(--text-primary,#e5e7eb)}:root[data-theme=dark] .reaction-modal-header{border-bottom-color:#94a3b866}:root[data-theme=dark] .reaction-tab{color:#e5e7eb;color:var(--text-muted,#e5e7eb)}:root[data-theme=dark] .reaction-tab.active{background:#16a34a;color:#f9fafb}:root[data-theme=dark] .reaction-modal-close{color:#e5e7eb}:root[data-theme=dark] .reaction-modal-body{background:#0000}:root[data-theme=dark] .reaction-empty{color:#9ca3af}:root[data-theme=dark] .reaction-item:not(:last-child){border-bottom-color:#1e40af80}:root[data-theme=dark] .reaction-avatar.placeholder{background:#111827;color:#e5e7eb}:root[data-theme=dark] .reaction-user-name{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}:root[data-theme=dark] .reaction-user-sub{color:#9ca3af;color:var(--text-muted,#9ca3af)}:root[data-theme=dark] .reaction-emoji-btn{color:#f9fafb}.emoji-picker-container{inset:0;pointer-events:none;position:fixed;z-index:9999}.emoji-picker-container>div{pointer-events:auto}.emoji-picker{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #f3e7ff;border-radius:12px;bottom:100px;box-shadow:0 8px 24px #8b5cf640;display:flex;flex-direction:column;left:441px;max-height:450px;position:fixed;width:360px;z-index:10000}.emoji-header{align-items:center;background:#fafafa;border-bottom:1px solid #f3e7ff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.emoji-header h3{color:#2d3748;font-size:16px;font-weight:600;margin:0}.emoji-close-btn{background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;font-size:18px;padding:4px 8px;transition:all .2s}.emoji-close-btn:hover{background:#f3e7ff;color:#8b5cf6;transform:scale(1.1)}.emoji-categories{background:#fafafa;border-bottom:1px solid #f3e7ff;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:8px}.emoji-categories::-webkit-scrollbar{height:4px}.emoji-categories::-webkit-scrollbar-track{background:#0000}.emoji-categories::-webkit-scrollbar-thumb{background:#d8c7ea;border-radius:2px}.emoji-categories::-webkit-scrollbar-thumb:hover{background:#c4b0d8}.emoji-category-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;padding:6px 10px;transition:all .2s ease}.emoji-category-btn:hover{background:#f3e7ff;transform:scale(1.1)}.emoji-category-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-height:300px;overflow-x:hidden;overflow-y:auto;padding:8px}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:#0000}.emoji-grid::-webkit-scrollbar-thumb{background:#d8c7ea;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:#c4b0d8}.emoji-item{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #f3e7ff;border-radius:6px;cursor:pointer;display:flex;font-size:24px;font-weight:500;justify-content:center;padding:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.emoji-item:hover{background:#f3e7ff;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf626;transform:scale(1.2)}.emoji-item:active{transform:scale(.95)}.gif-section{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;overflow:hidden;padding:8px}.gif-search-row{align-items:center;display:flex;gap:6px}.gif-search-input{background:#fbf8ff;border:1px solid #e2d5fb;border-radius:8px;flex:1 1;font-size:13px;padding:6px 10px;transition:all .2s ease}.gif-search-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf640}.gif-search-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.gif-search-btn:hover{box-shadow:0 4px 10px #8b5cf659;transform:translateY(-1px)}.gif-error{color:#e53e3e;font-size:12px;padding:2px 4px}.gif-loading{color:#4a5568;font-size:13px;padding:2px 4px}.gif-grid{grid-gap:4px;flex:1 1;gap:4px;grid-auto-rows:90px;overflow-x:hidden;overflow-y:auto;padding:4px}.gif-grid::-webkit-scrollbar{width:6px}.gif-grid::-webkit-scrollbar-track{background:#0000}.gif-grid::-webkit-scrollbar-thumb{background:#d8c7ea;border-radius:3px}.gif-grid::-webkit-scrollbar-thumb:hover{background:#c4b0d8}.gif-item{background:#0000;border:none;border-radius:4px;cursor:pointer;overflow:hidden;padding:0}.gif-item,.gif-item img{display:block;height:100%}.gif-item img{object-fit:cover;width:100%}.gif-item:hover{box-shadow:none;outline:2px solid #8b5cf6;transform:none}.gif-empty{color:#718096;font-size:13px;padding:8px 4px}@media (max-width:768px){.emoji-picker{bottom:80px;left:auto;max-height:400px;right:10px;width:300px}.emoji-grid{grid-template-columns:repeat(6,1fr);max-height:280px}.gif-grid{grid-auto-rows:80px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}}@media (max-width:480px){.emoji-picker{bottom:70px;left:auto;max-height:380px;right:5px;width:260px}.emoji-grid{grid-template-columns:repeat(5,1fr);max-height:250px}.gif-grid{grid-auto-rows:70px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}.emoji-item{font-size:18px}.emoji-category-btn{font-size:16px}}.emoji-tabs{background:#fafafa;border-bottom:1px solid #f3e7ff;display:flex;padding:0 8px}.emoji-tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#4a5568;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 0;transition:all .2s ease}.emoji-tab-btn:hover{background:#f3e7ff}.emoji-tab-btn.active{background:#fff;border-bottom-color:#8b5cf6;color:#8b5cf6}.poll-modal-overlay{align-items:flex-end;animation:fadeIn .3s ease;z-index:1001}.poll-modal{border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a}.poll-modal-header{background:#fff;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.poll-modal-header h2{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:10px}.poll-modal-header h2:before{content:"📊";font-size:24px}.close-btn{font-size:28px;transition:all .2s ease}.close-btn:active{transform:scale(.95)}.poll-modal-content{padding:24px}.form-group label{letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.form-group input[type=text]{border:2px solid #e0e0e0;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:12px 14px;transition:all .2s ease}.form-group input[type=text]:focus{border-color:#8b45ff;box-shadow:0 0 0 3px #8b45ff1a;outline:none}.form-group input[type=text]::placeholder{color:#999}.char-count{font-weight:500;margin-top:6px}.options-list{gap:12px}.option-input-group input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;padding:12px 14px;transition:all .2s ease}.option-input-group input:focus{border-color:#8b45ff;box-shadow:0 0 0 3px #8b45ff1a;outline:none}.option-input-group input::placeholder{color:#999}.remove-option-btn{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.remove-option-btn:hover{transform:scale(1.05)}.remove-option-btn:active{transform:scale(.95)}.add-option-btn{border-radius:10px;font-size:14px;margin-top:8px;padding:12px;transition:all .2s ease}.add-option-btn:hover{transform:translateY(-2px)}.add-option-btn:active{transform:translateY(0)}.add-option-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-group.checkbox{margin-bottom:16px}.form-group.checkbox label{color:#333;cursor:pointer;font-size:14px;font-weight:500}.form-group.checkbox input{accent-color:#8b45ff}.poll-modal-footer{bottom:0;gap:12px;padding:20px;position:-webkit-sticky;position:sticky;z-index:10}.cancel-btn,.create-btn{border-radius:10px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.cancel-btn{background:#e8e8e8}.cancel-btn:hover{background:#d8d8d8;box-shadow:0 4px 12px #0000001a}.cancel-btn:active{transform:translateY(0)}.create-btn{background:linear-gradient(135deg,#8b45ff,#667eea)}.create-btn:hover:not(:disabled){box-shadow:0 8px 20px #8b45ff4d;transform:translateY(-2px)}.create-btn:active:not(:disabled){transform:translateY(0)}.create-btn:disabled{opacity:.6;transform:none}@media (max-width:480px){.poll-modal{border-radius:16px 16px 0 0;max-width:100%}.poll-modal-header{padding:16px}.poll-modal-header h2{font-size:18px}.poll-modal-content{padding:16px}.form-group{margin-bottom:16px}.option-input-group{gap:8px}.remove-option-btn{font-size:16px;height:36px;width:36px}.poll-modal-footer{gap:8px;padding:16px}.cancel-btn,.create-btn{font-size:13px;padding:10px 16px}}.helper-text{color:#64748b;display:block;font-size:12px;margin-top:6px}.form-group.expiry-group{background:linear-gradient(135deg,#8b45ff0a,#667eea0a);border:1px solid #94a3b880;border-radius:12px;margin-bottom:20px;margin-top:8px;padding:12px 14px}.form-group.expiry-group label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.form-group.expiry-group input[type=datetime-local]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;outline:none;padding:10px 12px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;width:100%}.form-group.expiry-group input[type=datetime-local]:hover{background-color:#f8fafc}.form-group.expiry-group input[type=datetime-local]:focus{background-color:#fff;border-color:#8b45ff;box-shadow:0 0 0 2px #8b45ff33}.form-group.expiry-group input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.form-group.expiry-group input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group.expiry-group .helper-text{color:#64748b;font-size:11px;margin-top:8px}[data-theme=dark] .poll-modal{border-top:1px solid #1f2937;box-shadow:0 -18px 40px #0f172ae6}[data-theme=dark] .close-btn{color:#9ca3af}[data-theme=dark] .close-btn:hover{background:#111827;color:#e5e7eb}[data-theme=dark] .form-group label{color:#e5e7eb}[data-theme=dark] .form-group input[type=text],[data-theme=dark] .option-input-group input{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .form-group input[type=text]::placeholder,[data-theme=dark] .option-input-group input::placeholder{color:#6b7280}[data-theme=dark] .form-group input[type=text]:focus,[data-theme=dark] .option-input-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}[data-theme=dark] .char-count{color:#9ca3af}[data-theme=dark] .remove-option-btn{background:#ef4444}[data-theme=dark] .remove-option-btn:hover{background:#dc2626}[data-theme=dark] .add-option-btn{border-color:#8b5cf6;color:#c4b5fd}[data-theme=dark] .add-option-btn:hover:not(:disabled){background:#8b5cf626}[data-theme=dark] .form-group.checkbox label{color:#e5e7eb}[data-theme=dark] .form-group.checkbox input{accent-color:#8b5cf6}[data-theme=dark] .cancel-btn{background:#111827;color:#e5e7eb}[data-theme=dark] .cancel-btn:hover{background:#1f2937;box-shadow:0 4px 16px #0f172ab3}[data-theme=dark] .create-btn{background:linear-gradient(135deg,#8b5cf6,#4f46e5)}[data-theme=dark] .form-group.expiry-group{background:linear-gradient(135deg,#1e40af73,#4c1d9573);border-color:#94a3b899}[data-theme=dark] .form-group.expiry-group label{color:#cbd5f5}[data-theme=dark] .form-group.expiry-group input[type=datetime-local]{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .form-group.expiry-group input[type=datetime-local]:hover{background-color:#020617}[data-theme=dark] .form-group.expiry-group input[type=datetime-local]:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf659}[data-theme=dark] .form-group.expiry-group input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.7)}[data-theme=dark] .form-group.expiry-group .helper-text,[data-theme=dark] .helper-text{color:#9ca3af}.message-info-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.message-info-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:600px;max-width:400px;overflow-y:auto;width:90%}.message-info-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0}.message-info-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-btn{color:#999;padding:0}.close-btn:hover{background:#f5f5f5;border-radius:50%;color:#333}.message-info-content{padding:20px}.info-section{margin-bottom:20px}.info-section h4{color:#999;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.info-detail{color:#333;font-size:14px;font-weight:500;margin:0}.status-badge{background:linear-gradient(135deg,#8b45ff,#d946ef);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.read-by-list{display:flex;flex-direction:column;gap:12px}.read-by-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.read-by-item:hover{background:#f0f0f0}.read-by-avatar{align-items:center;background:linear-gradient(135deg,#8b45ff,#d946ef);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.read-by-info{flex:1 1}.read-by-name{color:#333;font-size:13px;font-weight:600;margin:0 0 2px}.read-by-time{color:#999;font-size:11px;margin:0}.read-checkmark{color:#0084ff;font-weight:700}.not-read-list{display:flex;flex-direction:column;gap:12px}.not-read-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px}.not-read-avatar{align-items:center;background:#ddd;border-radius:50%;color:#666;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.not-read-info{flex:1 1}.not-read-name{color:#999;font-size:13px;font-weight:600;margin:0}.message-info-modal::-webkit-scrollbar{width:6px}.message-info-modal::-webkit-scrollbar-track{background:#0000}.message-info-modal::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.message-info-modal::-webkit-scrollbar-thumb:hover{background:#999}[data-theme=dark] .message-info-overlay{background:#0f172abf}[data-theme=dark] .message-info-modal{background:#020617;border:1px solid #1f2937;border-radius:12px;box-shadow:0 24px 70px #0f172ae6;color:#e5e7eb}[data-theme=dark] .message-info-modal .message-info-header{background:#020617;border-bottom:1px solid #1f2937}[data-theme=dark] .message-info-modal .message-info-header h3{color:#e5e7eb}[data-theme=dark] .message-info-modal .close-btn{color:#9ca3af}[data-theme=dark] .message-info-modal .close-btn:hover{background:#0b1120;color:#e5e7eb}[data-theme=dark] .message-info-modal .message-info-content{background:#020617}[data-theme=dark] .message-info-modal .info-section h4{color:#9ca3af}[data-theme=dark] .message-info-modal .info-detail{color:#e5e7eb}[data-theme=dark] .message-info-modal .status-badge{background:linear-gradient(135deg,#a855f7,#ec4899);color:#f9fafb}[data-theme=dark] .message-info-modal .read-by-item{background:#020617;border:1px solid #111827}[data-theme=dark] .message-info-modal .read-by-item:hover{background:#020617;border-color:#1f2937}[data-theme=dark] .message-info-modal .read-by-avatar{background:linear-gradient(135deg,#a855f7,#ec4899);color:#f9fafb}[data-theme=dark] .message-info-modal .read-by-name{color:#e5e7eb}[data-theme=dark] .message-info-modal .read-by-time{color:#9ca3af}[data-theme=dark] .message-info-modal .read-checkmark{color:#22c55e}[data-theme=dark] .message-info-modal .not-read-item{background:#020617;border:1px solid #020617}[data-theme=dark] .message-info-modal .not-read-avatar{background:#111827;color:#9ca3af}[data-theme=dark] .message-info-modal .not-read-name{color:#9ca3af}[data-theme=dark] .message-info-modal::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] .message-info-modal::-webkit-scrollbar-thumb:hover{background:#6b7280}.asp-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.asp-modal{background:#f7f4ff;border-radius:18px;box-shadow:0 20px 80px #00000040;display:flex;flex-direction:column;height:min(70vh,680px);overflow:hidden;width:min(920px,95vw)}.asp-header{align-items:center;border-bottom:1px solid #e5e7eb;gap:12px;padding:14px 18px 8px}.asp-header,.asp-tabs{display:flex;flex-wrap:wrap}.asp-tabs{gap:8px}.asp-tab{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.asp-tab.active{background:linear-gradient(135deg,#a855f7,#6366f1);border-color:#0000;box-shadow:0 6px 18px #818cf880;color:#fff}.asp-tab:hover:not(.active){background:#e5e7eb}.asp-search{border:1px solid #e5e7eb;border-radius:999px;font-size:13px;margin-left:auto;min-width:150px;outline:none;padding:8px 12px;width:220px}.asp-body{flex:1 1;overflow:auto;padding:18px 22px 8px}.asp-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.asp-card{aspect-ratio:4/3;background:#0000;border-radius:18px;box-shadow:none;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.asp-card:hover{box-shadow:0 10px 24px #0f172a40;transform:translateY(-4px)}.asp-card-image{background:#111827;height:100%;width:100%}.asp-image{border-radius:18px;height:100%;object-fit:cover;width:100%}.asp-image-fallback{background:#e5e7eb;font-size:40px}.asp-card-icon,.asp-image-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.asp-card-icon{background:#d4d4d8;color:#fff;font-size:48px}.asp-card-lock-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:6px;font-size:12px;padding:3px 7px;position:absolute;right:8px;top:8px;z-index:2}.asp-card-info{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;opacity:0;padding:10px 12px;position:absolute;right:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.asp-card:hover .asp-card-info{opacity:1;transform:translateY(0)}.asp-card-name{font-size:12px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asp-card-size{font-size:11px;opacity:.9}.asp-empty{align-items:center;color:#6b7280;display:flex;font-size:14px;height:100%;justify-content:center}.asp-footer{background:#f7f4ff;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:10px 20px 12px}.asp-close,.asp-reload,.asp-upload{border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.asp-close,.asp-reload{background:#fff;border:1px solid #e5e7eb;color:#374151}.asp-close:hover,.asp-reload:hover{background:#f3f4f6}.asp-upload{background:linear-gradient(135deg,#a855f7,#6366f1);border:none;box-shadow:0 8px 20px #818cf880;color:#fff}.asp-upload:hover:not(:disabled){box-shadow:0 12px 26px #818cf8bf;transform:translateY(-1px)}.asp-upload:disabled{cursor:not-allowed;opacity:.5}.swal-high-z{z-index:99999!important}@media (max-width:768px){.asp-modal{height:90vh;width:95vw}.asp-header{align-items:stretch;flex-direction:column}.asp-search{margin-left:0;width:100%}.asp-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.asp-footer{justify-content:center}}@media (max-width:480px){.asp-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}[data-theme=dark] .asp-overlay{background:#0f172ab3!important}[data-theme=dark] .asp-modal{background:#020617!important;border:1px solid #1f2937;box-shadow:0 24px 80px #0f172ae6;color:#e5e7eb}[data-theme=dark] .asp-header{background:#020617}[data-theme=dark] .asp-tab{background:#020617;border-color:#1f2937;color:#cbd5f5}[data-theme=dark] .asp-tab.active{background:linear-gradient(135deg,#a855f7,#6366f1);border-color:#0000;color:#f9fafb}[data-theme=dark] .asp-search{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .asp-search::placeholder{color:#6b7280}[data-theme=dark] .asp-body{background:#020617}[data-theme=dark] .asp-card{box-shadow:0 1px 4px #0f172acc}[data-theme=dark] .asp-card-image{background:#020617}[data-theme=dark] .asp-card-icon,[data-theme=dark] .asp-image-fallback{background:#0f172a;color:#e5e7eb}[data-theme=dark] .asp-card-info{color:#f9fafb}[data-theme=dark] .asp-empty{color:#9ca3af}[data-theme=dark] .asp-footer{background:#020617;border-top:1px solid #1f2937}[data-theme=dark] .asp-close,[data-theme=dark] .asp-reload{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .asp-close:hover,[data-theme=dark] .asp-reload:hover{background:#111827}[data-theme=dark] .asp-upload{background:linear-gradient(135deg,#a855f7,#6366f1);border:none;color:#f9fafb}[data-theme=dark] .asp-upload:hover:not(:disabled){box-shadow:0 8px 22px #818cf8cc}.chat-sidebar{display:flex;flex-direction:column;overflow:hidden;width:400px}.chat-sidebar-header{font-size:20px;margin-top:20px;padding-left:20px}.search-bar-container{background:#0000;padding:14px 14px 10px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#5b6cff;left:14px;position:absolute}.search-input{background:#fff;border:1px solid #94a3b859;border-radius:999px;box-shadow:0 10px 22px #0f172a0f;font-size:14px;height:44px;outline:none;padding:0 40px 0 44px;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;width:100%}.search-input:focus{border-color:#6366f1b3;box-shadow:0 12px 26px #6366f12e}.search-clear-btn{background:#94a3b82e;border:none;border-radius:999px;color:#475569;cursor:pointer;display:grid;height:28px;place-items:center;position:absolute;right:12px;transition:transform .15s ease,background .2s ease;width:28px}.search-clear-btn:hover{background:#6366f12e;transform:scale(1.06)}.sidebar-starred-bar{align-items:center;background:#fff7e6;border:1px solid #f59e0b59;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;margin:6px 14px 10px;padding:10px 12px;transition:transform .12s ease,box-shadow .18s ease,background .18s ease}.sidebar-starred-bar:hover{background:#fffbef;box-shadow:0 10px 22px #0f172a14;transform:translateY(-1px)}.sidebar-starred-left{align-items:center;color:#9a5b00;display:flex;font-size:13px;font-weight:600;gap:8px}.sidebar-starred-icon{font-size:14px}.sidebar-starred-count{align-items:center;background:#ef4444;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.chat-list{background:#0000;flex:1 1;overflow-y:auto;padding:6px 10px 14px}.no-chats,.no-results{color:#64748b;padding:18px 12px;text-align:center}.no-results-subtitle{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.section-divider{background:#6366f114;border:1px solid #6366f11f;border-radius:12px;color:#5b6cff;font-size:12px;font-weight:700;letter-spacing:.06em;margin:8px 6px 6px;padding:8px 10px;text-transform:uppercase}.chat-item{background:#fff;border:1px solid #94a3b838;border-radius:10px;box-shadow:0 10px 24px #0f172a0f;cursor:pointer;display:flex;gap:12px;margin:8px 6px;padding:12px;position:relative;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.chat-item:before{content:none}.chat-item:hover{border-color:#6366f147;box-shadow:0 14px 30px #6366f11f;transform:translateY(-1px)}.chat-item.active{border-color:#6366f173;box-shadow:0 16px 34px #6366f129}.chat-item-avatar{align-items:center;background:#7c3aed;border:3px solid #fff;border-radius:999px;box-shadow:0 12px 26px #7c3aed38;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:52px;justify-content:center;overflow:hidden;position:relative;width:52px}.chat-item-avatar .avatar-image{height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chat-item-info{flex:1 1;min-width:0}.chat-item-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:4px}.family-group-name{color:#0f172a;font-size:15px;font-weight:800}.chat-item-description,.family-group-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-description{color:#64748b;font-size:13px}.chat-item-footer{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-top:6px}.chat-item-time{color:#5b6cff;font-weight:700}.chat-item-members{color:#94a3b8}.unread-badge{align-items:center;background:#ef4444;border-radius:999px;box-shadow:0 10px 18px #ef444440;color:#fff;display:inline-flex;font-size:12px;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 7px}.member-item{border-bottom:none}@media (max-width:768px){.chat-sidebar{width:280px}}:root[data-theme=dark] .chat-sidebar{background:radial-gradient(circle at top,#020617 0,#020617 55%,#000 100%);border-right:1px solid #6366f140;box-shadow:6px 0 28px #020617e6}:root[data-theme=dark] .search-input{background:#020617;border-color:#94a3b840;box-shadow:0 10px 24px #020617e6;color:#e5e7eb}:root[data-theme=dark] .chat-item{background:#020617b3;border-color:#6366f140;box-shadow:0 14px 32px #020617e6}:root[data-theme=dark] .family-group-name{color:#e5e7eb}:root[data-theme=dark] .chat-item-description{color:#9ca3af}:root[data-theme=dark] .chat-item-time{color:#a5b4fc}.chat-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #915afd29;display:flex;gap:12px;padding:18px 28px;position:-webkit-sticky;position:sticky;top:36px;z-index:29}.chat-header-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.chat-header-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-header-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.chat-header:after{background:linear-gradient(90deg,#0000,#915afd38,#3b82f62e,#0000);bottom:0;content:"";height:1px;left:28px;pointer-events:none;position:absolute;right:28px}.chat-header-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header-title{align-items:center;display:flex;gap:16px}.chat-header-name{color:#111827;font-size:22px;font-weight:800;letter-spacing:.2px;margin:0;transition:color .2s ease,transform .1s ease}.chat-header-name.clickable:hover{color:#915afd;transform:translateX(2px)}.chat-header-sub{color:#6b7280f2;font-size:13px;font-weight:600;margin:6px 0 0}.connection-status{color:#16a34a;font-weight:700}.connection-status.disconnected{color:#ef4444;font-weight:800;margin-left:6px}:root[data-theme=dark] .chat-header{background:radial-gradient(circle at 0 0,#38bdf82e,#0000 40%),radial-gradient(circle at 100% 100%,#a855f73d,#0000 40%),linear-gradient(135deg,#020617,#020617 45%,#020617);border-bottom:1px solid #94a3b859;box-shadow:0 10px 30px #000000e6}:root[data-theme=dark] .chat-header-name{color:#f9fafb}:root[data-theme=dark] .chat-header-name.clickable:hover{color:#a78bfa}:root[data-theme=dark] .chat-header-sub{color:#d1d5dbf5}.poll-container{background:linear-gradient(135deg,#414141,#363636);border-radius:12px;color:#fff;margin:8px 0;max-width:400px;min-width:250px;padding:16px}.poll-question{align-items:center;display:flex;gap:10px;margin-bottom:16px}.poll-icon{font-size:24px}.poll-question h3{font-size:16px;font-weight:600;margin:0}.poll-options{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.poll-option{background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;padding:12px;text-align:left;transition:all .3s ease}.poll-option:hover{background:#ffffff40;transform:translateX(4px)}.poll-option.voted{background:#ffffff4d;border-color:#4ade80}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.option-text{font-size:14px;font-weight:500}.option-votes{background:#fff3;border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.progress-bar{background:#fff3;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:#fffc;transition:width .3s ease}.option-footer{align-items:center;display:flex;font-size:12px;justify-content:space-between}.vote-count{color:#fffc}.voted-badge{background:#4ade80;border-radius:4px;font-weight:600;padding:2px 8px}.poll-footer{align-items:center;border-top:1px solid #fff3;color:#fffc;display:flex;font-size:12px;justify-content:space-between;padding-top:8px}.total-votes{font-weight:600}.poll-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.poll-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;margin:0 16px;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.poll-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.poll-modal-header h2{font-size:18px;margin:0}.close-btn{background:none;color:#666;font-size:24px}.poll-modal-content{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333}.form-group input[type=text]{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.char-count{color:#999;display:block;font-size:12px;margin-top:4px;text-align:right}.options-list{display:flex;flex-direction:column;gap:10px}.option-input-group{align-items:center;display:flex;gap:10px}.option-input-group input{flex:1 1}.remove-option-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;height:36px;transition:all .2s ease;width:36px}.remove-option-btn:hover{background:#ff5252}.add-option-btn{background:none;border:2px dashed #8b45ff;border-radius:8px;color:#8b45ff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px}.add-option-btn:hover{background:#8b45ff1a}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex}.form-group.checkbox label{gap:10px;margin:0}.form-group.checkbox input{cursor:pointer;height:18px;margin:0;width:18px}.poll-modal-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:16px}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.cancel-btn{background:#e0e0e0;color:#333}.cancel-btn:hover{background:#d0d0d0}.create-btn{background:#8b45ff;color:#fff}.create-btn:hover{background:#7a3ae8}.create-btn:disabled{cursor:not-allowed;opacity:.5}.poll-option.disabled{cursor:default;opacity:.7;transform:none}.poll-option.disabled:hover{background:#ffffff26}.expired-badge{background:#ef4444;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.poll-footer-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.poll-expiry-label{font-size:11px;opacity:.9}.poll-expiry-label.expired{color:#fecaca}[data-theme=dark] .poll-container{background:radial-gradient(circle at top left,#000,#020617 55%,#000);border:1px solid #1f2937;border-radius:14px;color:#e5e7eb}[data-theme=dark] .poll-option{background:#0f172acc;border-color:#94a3b873;color:#e5e7eb}[data-theme=dark] .poll-option:hover{background:#1e40af66}[data-theme=dark] .poll-option.voted{background:#16a34a40;border-color:#22c55e}[data-theme=dark] .progress-bar{background:#0f172acc}[data-theme=dark] .progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}[data-theme=dark] .vote-count{color:#e2e8f0d9}[data-theme=dark] .voted-badge{background:#22c55e;color:#052e16}[data-theme=dark] .poll-footer{border-top-color:#1e40af99;color:#e2e8f0cc}[data-theme=dark] .poll-expiry-label{color:#cbd5f5}[data-theme=dark] .poll-expiry-label.expired{color:#fecaca}[data-theme=dark] .poll-modal-overlay{background:#0f172abf}[data-theme=dark] .poll-modal{background:#020617;border:1px solid #1f2937;border-radius:20px;box-shadow:0 24px 80px #000000e6;color:#e5e7eb}[data-theme=dark] .poll-modal-header{background:#020617;border-bottom:1px solid #1f2937}[data-theme=dark] .poll-modal-header h2{color:#e5e7eb}[data-theme=dark] .poll-modal-header .close-btn{color:#9ca3af}[data-theme=dark] .poll-modal-header .close-btn:hover{background:#020617;color:#f9fafb}[data-theme=dark] .poll-modal-content{background:#020617}[data-theme=dark] .poll-modal-content .form-group label{color:#e5e7eb}[data-theme=dark] .poll-modal-content input[type=text]{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .poll-modal-content input[type=text]::placeholder{color:#64748b}[data-theme=dark] .poll-modal-content input[type=text]:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf659}[data-theme=dark] .poll-modal-content .char-count{color:#9ca3af}[data-theme=dark] .poll-modal-content .remove-option-btn{background:#ef4444}[data-theme=dark] .poll-modal-content .remove-option-btn:hover{background:#b91c1c}[data-theme=dark] .poll-modal-content .add-option-btn{border-color:#8b5cf6;color:#c4b5fd}[data-theme=dark] .poll-modal-content .add-option-btn:hover{background:#8b5cf626}[data-theme=dark] .poll-modal-content .form-group.checkbox label{color:#e5e7eb}[data-theme=dark] .poll-modal-content .form-group.checkbox input{accent-color:#8b5cf6}[data-theme=dark] .poll-modal-footer{background:#020617;border-top:1px solid #1f2937}[data-theme=dark] .poll-modal-footer .cancel-btn{background:#111827;color:#e5e7eb}[data-theme=dark] .poll-modal-footer .cancel-btn:hover{background:#020617}[data-theme=dark] .poll-modal-footer .create-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#f9fafb}[data-theme=dark] .poll-modal-footer .create-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5)}[data-theme=dark] .poll-modal-footer .create-btn:disabled{cursor:not-allowed;opacity:.6}.message-actions-container{align-items:center;display:flex;opacity:0;position:relative;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.message:hover .message-actions-container{opacity:1;visibility:visible}.message-menu-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.message-menu-btn:hover{background:#8b45ff1a;color:#8b45ff}.message-menu-btn:disabled{cursor:not-allowed;opacity:.5}.message-menu-btn:active{transform:scale(.95)}.message-menu-overlay{background:#0000;inset:0;position:fixed;z-index:99998}.message-menu-dropdown.fixed{animation:slideUp .15s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0000002e;left:0;max-width:260px;min-width:200px;overflow:hidden;position:fixed!important;top:0;z-index:99999}.menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;font-size:13px;gap:12px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.menu-item:hover{background:#f5f5f5}.menu-item:disabled{cursor:not-allowed;opacity:.6}.menu-item:active{background:#e8e8e8}.menu-item.info-item{color:#8b45ff;font-weight:600}.menu-item.info-item:hover{background:#8b45ff1a}.menu-item.delete-item{color:#ff6b6b}.menu-item.delete-item:hover{background:#ff6b6b1a}.menu-item.report-item{color:#ff3b30}.menu-item.report-item:hover{background:#ff3b301a}.menu-item.react-item{color:#ff9500}.menu-icon{font-size:16px;min-width:20px;text-align:center}.menu-text{flex:1 1;white-space:nowrap}.menu-divider{background:#f0f0f0;height:1px;margin:4px 0}.message{transition:background-color .2s ease}.message:hover{background-color:#8b45ff05}@media (max-width:768px){.message-menu-dropdown.fixed{max-width:220px;min-width:180px}.menu-item{font-size:12px;padding:8px 12px}}.react-item-wrapper{padding:0;position:relative}.reaction-picker{background:#0000000a;border-radius:999px;display:flex;gap:6px;margin-top:6px;padding:4px 6px}.reaction-option{background:#0000;border:none;cursor:pointer;font-size:16px;line-height:1;padding:3px;transition:transform .1s ease}.reaction-option:hover{transform:scale(1.1)}[data-theme=dark] .message-menu-overlay{background:#0f172aa6}[data-theme=dark] .message-menu-btn{color:#9ca3af}[data-theme=dark] .message-menu-btn:hover{background:#8b5cf62e;color:#e5e7eb}[data-theme=dark] .message-menu-dropdown.fixed{background:#020617;border-color:#1f2937;box-shadow:0 18px 45px #0f172ad9}[data-theme=dark] .menu-item{color:#e5e7eb}[data-theme=dark] .menu-item:hover{background:#0b1120}[data-theme=dark] .menu-item:active{background:#020617}[data-theme=dark] .menu-item.info-item{color:#a855f7}[data-theme=dark] .menu-item.info-item:hover{background:#a855f729}[data-theme=dark] .menu-item.delete-item{color:#f97373}[data-theme=dark] .menu-item.delete-item:hover{background:#f8717129}[data-theme=dark] .menu-item.report-item{color:#fb7185}[data-theme=dark] .menu-item.report-item:hover{background:#f8717129}[data-theme=dark] .menu-item.react-item{color:#fdba74}[data-theme=dark] .menu-divider{background:#1f2937}[data-theme=dark] .message:hover{background-color:#0f172aa6}[data-theme=dark] .reaction-picker{background:#0f172ae6}[data-theme=dark] .reaction-option{color:#f9fafb}.chat-messages{flex:1 1;flex-direction:column;overflow-y:auto;padding:22px 22px 18px}.chat-messages,.message-date-divider{display:flex;gap:12px;position:relative}.message-date-divider{align-items:center;justify-content:center;margin:12px 0;z-index:1}.message-date-divider span{background:#915afd;border-radius:20px;box-shadow:0 8px 18px #915afd3d;color:#fff;font-size:12px;font-weight:700;padding:6px 16px}.message{align-items:flex-end;animation:slideIn .35s ease;display:flex;gap:10px;position:relative;z-index:1}.message.own-message{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:999px;display:flex;flex:0 0 38px;height:38px;justify-content:center;overflow:hidden;width:38px}.message-avatar .avatar-image{border-radius:999px;height:100%;object-fit:cover;width:100%}.message-avatar .anonymous-avatar,.message-avatar .avatar-initials{align-items:center;background:#7c3aed;border-radius:999px;color:#fff;display:flex;font-size:14px;font-weight:800;height:100%;justify-content:center;width:100%}.message-content{display:flex;flex-direction:column;gap:4px;max-width:460px}.message-sender{color:#6d5efc;font-size:12px;font-weight:800}.message-bubble{word-wrap:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #915afd1f;border-radius:25px;box-shadow:0 10px 24px #0f172a14;color:#111827;font-size:14px;line-height:1.55;padding:4px 16px}.own-message .message-bubble{background:#0582ff;border:0;box-shadow:0 12px 26px #915afd4d;color:#fff}.message-bubble p{font-size:15px;margin:0}.message.anonymous-message .message-avatar{animation:anonymousGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 26px #764ba259}@keyframes anonymousGlow{0%,to{box-shadow:0 10px 24px #667eea66}50%{box-shadow:0 10px 34px #764ba28c}}.message.anonymous-message .message-bubble{background:#0582ff;box-shadow:0 12px 28px #915afd52;color:#fff}.message-file{align-items:center;align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #94a3b840;border-radius:16px;box-shadow:0 10px 26px #0f172a1a;display:flex;gap:12px;max-width:420px;min-width:260px;padding:12px 14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.message-file:hover{border-color:#7c3aed3d;box-shadow:0 16px 34px #0f172a24;transform:translateY(-1px)}.message-file .file-icon{align-items:center;background:#7c3aed1a;border:1px solid #7c3aed2e;border-radius:12px;display:flex;flex:0 0 44px;height:44px;justify-content:center;width:44px}.message-file .file-icon>*{font-size:20px;line-height:1}.message-file .file-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.message-file .file-name{color:#0f172a;font-size:14px;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file .file-size{color:#475569f2;font-size:12px;font-weight:600;margin:0}.message-file .file-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.message-file .file-download-link{align-items:center;background:#3b82f61a;border:1px solid #3b82f62e;border-radius:10px;color:#2563eb;cursor:pointer;display:inline-flex;height:34px;justify-content:center;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease;width:34px}.message-file .file-download-link:hover{background:#3b82f624;border-color:#3b82f647;transform:scale(1.05)}.own-message .message-file{background:#ffffffbd;border-color:#94a3b840}:root[data-theme=dark] .message-file{background:#020617a6;border:1px solid #94a3b838;box-shadow:0 10px 26px #0000008c}:root[data-theme=dark] .message-file .file-name{color:#e5e7eb}:root[data-theme=dark] .message-file .file-size{color:#9ca3aff2}:root[data-theme=dark] .message-file .file-icon{background:#7c3aed2e;border-color:#7c3aed40}:root[data-theme=dark] .message-file .file-download-link{background:#3b82f62e;border-color:#3b82f640;color:#93c5fd}:root[data-theme=dark] .message-bubble p{color:#fff}.media-message{display:flex;flex-direction:column;gap:8px}.message-image,.message-video{border:3px solid #915afd33;border-radius:14px;box-shadow:0 12px 26px #0f172a24;cursor:pointer;max-height:300px;max-width:300px;transition:all .25s ease}.message-image:hover,.message-video:hover{border-color:#915afd61;box-shadow:0 18px 38px #915afd2e;transform:scale(1.02)}.lightbox-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.lightbox-content{animation:zoomIn .4s ease;max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:100%;max-width:100%}.lightbox-close{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:999px;box-shadow:0 10px 22px #ff6b6b59;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .2s ease;width:40px}.lightbox-close:hover{transform:scale(1.08)}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.message-time{color:#6b7280d9;font-size:11px}.message-footer{align-items:center;display:flex;font-size:12px;gap:6px;justify-content:flex-start}.message.own-message .message-footer{justify-content:flex-end}.media-caption{color:#111827;font-size:13px;margin:0}.own-message .media-caption{color:#fff}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{align-items:center;background:#ffffffb8;border:1px solid #915afd1f;border-radius:14px;display:inline-flex;font-size:11px;gap:3px;padding:2px 6px}.reaction-chip.own-reaction{background:#915afd24;border:1px solid #915afd59}.mention-tag{border-radius:999px;color:#3b82f6;display:inline-block;font-size:.9em;font-weight:700;margin:0 1px;padding:1px 6px}.mention-tag-me{background:#fb923c2e;color:#c2410c}.no-messages{align-items:center;color:#6b7280cc;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;position:relative;z-index:1}.no-messages p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6d5efc,#915afd);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;margin:0}.no-messages-subtitle{color:#94a3b8f2;font-size:14px}@media (max-width:768px){.message-content{max-width:300px}}@media (max-width:380px){.message-content{max-width:240px}}:root[data-theme=dark] .chat-messages{background:radial-gradient(circle at top,#111827 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .chat-messages:before{background:linear-gradient(90deg,#0000,#0000 14%,#6366f173 14.2%,#6366f173 14.6%,#0000 15%,#0000 85%,#6366f173 85.2%,#6366f173 85.6%,#0000 86%,#0000);opacity:.35}:root[data-theme=dark] .message-bubble{background:radial-gradient(circle at top left,#111827 0,#020617 60%);border:1px solid #94a3b873;box-shadow:0 8px 24px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .own-message .message-bubble{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#f9fafb}:root[data-theme=dark] .message-time{color:#9ca3af}:root[data-theme=dark] .reaction-chip{background:#0f172ae6;border-color:#818cf859;color:#e5e7eb}.message-bubble.has-media{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.message-bubble.has-media,.own-message .message-bubble.has-media{background:#0000!important;border:0!important;box-shadow:none!important;padding:0!important}.file-preview-btn{align-items:center;background:#eef2f7;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;height:34px;justify-content:center;margin-right:8px;width:34px}.file-preview-btn:hover{background:#e5e7eb}.clickable-reply{cursor:pointer;transition:transform .12s ease,background .12s ease;-webkit-user-select:none;user-select:none}.clickable-reply:hover{transform:translateY(-1px)}.reply-media-row{align-items:center;display:flex;gap:10px}.reply-thumb{object-fit:cover}.reply-mini-icon,.reply-thumb{border:1px solid #00000014;border-radius:10px;height:36px;width:36px}.reply-mini-icon{align-items:center;background:#0000000a;display:flex;justify-content:center;overflow:hidden}.reply-media-meta{display:flex;flex-direction:column;min-width:0}.reply-media-title{font-size:12px;font-weight:700;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-media-sub{font-size:11px;margin-top:1px;opacity:.75}.msg-highlight .message-bubble{animation:msgPulse 1.2s ease}@keyframes msgPulse{0%{box-shadow:0 0 0 0 #3b82f600}25%{box-shadow:0 0 0 6px #3b82f62e}55%{box-shadow:0 0 0 10px #3b82f61a}to{box-shadow:0 0 0 0 #3b82f600}}.fpm-overlay{align-items:center;background:#0206178c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.fpm-modal{border-radius:16px;box-shadow:0 30px 90px #00000059;flex-direction:column;height:min(78vh,760px);overflow:hidden;width:min(1100px,96vw)}.fpm-modal,.fpm-topbar{background:#fff;display:flex}.fpm-topbar{align-items:center;border-bottom:1px solid #94a3b840;height:64px;justify-content:space-between;padding:10px 14px}.fpm-title{color:#111827;font-size:14px;font-weight:800;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fpm-sub{color:#6b7280;font-size:12px;margin-top:2px}.fpm-actions{align-items:center;display:flex;gap:10px}.fpm-btn{border:none;border-radius:10px;cursor:pointer;font-weight:800;height:38px;padding:0 14px}.fpm-btn-ghost{background:#eef2f7;color:#111827}.fpm-btn-primary{background:#8b5cf6;color:#fff}.fpm-close{background:#f3f4f6;border:none;border-radius:10px;color:#111827;cursor:pointer;font-weight:900;height:38px;width:38px}.fpm-body{background:#f8fafc;flex:1 1}.fpm-iframe{background:#fff;border:none;height:100%;width:100%}.fpm-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;text-align:center}.fpm-empty-icon{font-size:42px;margin-bottom:10px}.fpm-empty-title{color:#111827;font-weight:900;margin-bottom:6px}.fpm-empty-sub{color:#6b7280;font-size:13px}.fpm-image-wrap{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.fpm-image{border-radius:14px;max-height:calc(80vh - 80px);max-width:100%;object-fit:contain}.fpm-audio-wrap,.fpm-video-wrap{display:flex;justify-content:center;padding:14px;width:100%}.fpm-audio{width:min(720px,100%)}.fpm-video{border-radius:14px;max-height:calc(80vh - 80px);width:min(880px,100%)}.chat-input-container{background:#0000;border-top:none;position:relative}.chat-input-form{padding:18px 20px}.chat-input-wrapper{background:#fff;border:2px solid #0000;border-radius:28px;box-shadow:0 8px 24px #667eea33;height:56px;padding-left:52px;padding-right:110px;position:relative;transition:all .3s ease}.chat-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 8px 32px #667eea4d}.chat-input{background:#0000;border:0;color:#333;font-size:15px;outline:none;padding-top:15px;width:100%}.chat-input::placeholder{color:#b5b9c1}.voice-btn{align-items:center;background:#0284c71a;border:1px solid #0284c72e;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:100px;top:50%;transform:translateY(-50%);transition:transform .15s ease,background .15s ease,border-color .15s ease;width:36px}.voice-btn:hover{background:#0284c724;border-color:#0284c747;transform:translateY(-50%) scale(1.06)}.voice-btn.recording{background:#ef44441f;border-color:#ef444447;color:#ef4444}.voice-stop{background:currentColor;border-radius:3px;height:12px;width:12px}@media (max-width:768px){.chat-input-wrapper{padding-right:122px}.voice-btn{height:34px;right:100px;width:34px}}.chat-input-wrapper .emoji-btn{align-items:center;background:#0000;border:0;border-radius:0;box-shadow:none;color:#424242;cursor:pointer;display:flex;height:32px;justify-content:center;left:12px;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:transform .15s ease,opacity .15s ease;width:32px}.chat-input-wrapper .emoji-btn:hover{opacity:.85;transform:translateY(-50%) scale(1.06)}.chat-input-wrapper .emoji-svg{display:block}.chat-input-wrapper .file-menu-btn{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:50%;box-shadow:0 4px 8px #f093fb4d;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:66px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px}.chat-input-wrapper .file-menu-btn:hover{box-shadow:0 4px 12px #f093fb80;transform:translateY(-50%) scale(1.1)}.media-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 8px #f093fb4d;color:#030303;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:58px;top:50%;transform:translateY(-50%);transition:.2s ease;width:36px}.media-btn:hover{transform:translateY(-50%) scale(1.1)}.chat-input-wrapper .chat-send-btn{align-items:center;background:#0582ff;border:none;border-radius:999px;box-shadow:0 10px 20px #667eea66;color:#fff;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.chat-send-btn:hover:not(:disabled){box-shadow:0 12px 24px #667eea73;filter:brightness(1.2);transform:translateY(-50%) translateX(-1px)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.media-menu{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:2px solid #667eea;border-radius:16px;bottom:100%;box-shadow:0 8px 32px #667eea4d;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;min-width:180px;padding:8px;position:absolute;right:0;z-index:100}.media-option{align-items:center;background:none;border:none;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease}.media-option:hover{background:linear-gradient(135deg,#667eea1a,#f093fb1a);transform:translateX(4px)}.media-option.photo:hover{background:linear-gradient(135deg,#ff6b6b26,#ee5a6f26)}.media-option.video:hover{background:linear-gradient(135deg,#4ecdc426,#55d09d26)}.media-option.audio:hover{background:linear-gradient(135deg,#ffa72626,#fbbc0526)}.media-option.document:hover{background:linear-gradient(135deg,#42a5f526,#3a86ff26)}.media-option.poll{color:#667eea;font-weight:700}.media-option.poll:hover{background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:0 4px 12px #667eea4d}.media-icon{font-size:22px;min-width:28px;text-align:center}.anonymous-checkbox-container{align-items:center;animation:slideDown .3s ease-out;display:flex;justify-content:flex-end;padding:12px 20px}.anonymous-checkbox{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;gap:10px;padding:8px 12px;position:relative;top:10px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.anonymous-checkbox:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:scale(1.02)}.anonymous-checkbox input[type=checkbox]{accent-color:#667eea;border-radius:4px;cursor:pointer;height:20px;width:20px}.anonymous-label{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#495057;display:flex;font-size:14px;font-weight:600;gap:6px}.reply-input-preview{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea14,#f093fb14);border-bottom:2px solid #667eea33;order:-2;padding:12px 20px}.reply-input-content{align-items:flex-start;background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:12px;padding:14px}.reply-sender{color:#667eea;font-size:13px;font-weight:700;margin:0 0 4px}.reply-text{color:#666;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:8px;box-shadow:0 4px 8px #ff6b6b4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;padding:6px 10px;transition:all .3s ease}.reply-cancel-btn:hover{box-shadow:0 4px 12px #ff6b6b80;transform:scale(1.1)}.file-preview{background:linear-gradient(135deg,#667eea0d,#f093fb0d);border-top:2px solid #667eea33;padding:12px 20px}.file-preview-item{align-items:center;background:#fff;border:2px solid #667eea33;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:12px;padding:14px;position:relative}.preview-image,.preview-video{border:2px solid #667eea;border-radius:8px;max-height:80px;max-width:80px}.preview-icon{align-items:center;color:#667eea;display:flex;font-size:32px;justify-content:center;width:80px}.preview-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-size{color:#999;font-size:12px;margin:4px 0 0}.preview-remove{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:50%;box-shadow:0 4px 8px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.preview-remove:hover{box-shadow:0 4px 12px #ff6b6b80;transform:scale(1.1)}.preview-section{align-items:center;display:flex;flex-direction:column;gap:12px}.preview-filename{color:#666;font-size:12px;margin-top:8px}.profile-picture-upload{margin:20px 0;text-align:center}.upload-placeholder{background:linear-gradient(135deg,#667eea0d,#f093fb0d);border:3px dashed #667eea;border-radius:16px;cursor:pointer;font-size:16px;padding:40px 20px;transition:all .3s ease}.upload-placeholder:hover{background:linear-gradient(135deg,#667eea26,#f093fb26);border-color:#764ba2;transform:scale(1.02)}.profile-picture-preview{border:3px solid #667eea;border-radius:12px;box-shadow:0 8px 24px #667eea4d;margin-bottom:10px;max-height:200px;max-width:200px}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:700;padding:12px 28px;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:12px;color:#666;font-weight:700;padding:12px 28px;transition:all .3s ease}.cancel-btn:hover{background:linear-gradient(135deg,#e0e0e0,#d0d0d0);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.edit-chat-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.edit-chat-modal{animation:slideUp .4s ease;background:#fff;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-origin:border-box;border:3px solid #0000;border-radius:20px;box-shadow:0 20px 60px #667eea66;max-width:450px;padding:32px;width:90%}.edit-chat-modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0 0 24px}.edit-chat-modal input{border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-size:15px;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.edit-chat-modal input:focus{border-color:#667eea;box-shadow:0 4px 12px #667eea33;outline:none}@media (max-width:768px){.chat-input-form{padding:12px}.chat-input-wrapper{border-radius:25px;height:50px;padding-left:48px;padding-right:92px}.chat-input-wrapper .emoji-btn{height:28px;left:10px;width:28px}.chat-input-wrapper .emoji-btn img{height:18px;width:18px}.chat-input-wrapper .file-menu-btn{height:28px;right:58px;width:28px}.chat-input-wrapper .chat-send-btn{height:36px;right:8px;width:36px}}@media (max-width:380px){.chat-input-wrapper{height:46px;padding-left:44px;padding-right:84px}.chat-input{font-size:14px}}.selected-file-preview{display:inline-block;margin-bottom:8px;position:relative}.mention-dropdown{background:#fff;border-radius:12px;bottom:56px;box-shadow:0 10px 30px #00000026;left:16px;max-height:220px;overflow-y:auto;padding:6px 0;position:absolute;right:16px;z-index:20}.mention-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:10px;padding:6px 12px;text-align:left;width:100%}.mention-item:hover{background:#f3f4ff}.mention-avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.mention-text{font-size:14px;font-weight:500}.gif-preview{border:1px solid #ccc;border-radius:10px;height:auto;width:120px}.remove-file-btn{background:#ff3b30;height:24px;right:-8px;top:-8px;width:24px}:root[data-theme=dark] .chat-input-wrapper{background:#020617;border-color:#4f46e5d9;box-shadow:0 10px 30px #0f172af2}:root[data-theme=dark] .chat-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 14px 40px #4f46e5cc}:root[data-theme=dark] .chat-input{color:#e5e7eb}:root[data-theme=dark] .chat-input::placeholder{color:#6b7280}:root[data-theme=dark] .media-menu{background:#020617;border-color:#4f46e5;box-shadow:0 18px 45px #0f172af2}:root[data-theme=dark] .media-option{color:#e5e7eb}:root[data-theme=dark] .media-option:hover{background:linear-gradient(135deg,#4f46e566,#9333ea4d)}:root[data-theme=dark] .media-option.photo:hover{background:linear-gradient(135deg,#f871714d,#ef44444d)}:root[data-theme=dark] .media-option.video:hover{background:linear-gradient(135deg,#22c55e4d,#10b9814d)}:root[data-theme=dark] .media-option.audio:hover{background:linear-gradient(135deg,#eab30859,#f59e0b4d)}:root[data-theme=dark] .media-option.document:hover{background:linear-gradient(135deg,#3b82f659,#2563eb4d)}:root[data-theme=dark] .media-option.poll{color:#a5b4fc}:root[data-theme=dark] .anonymous-checkbox-container{background:linear-gradient(135deg,#4f46e52e,#9333ea2e);border-top-color:#4f46e566}:root[data-theme=dark] .anonymous-checkbox{background:#020617;box-shadow:0 6px 18px #0f172ae6}:root[data-theme=dark] .anonymous-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text}:root[data-theme=dark] .reply-input-preview{background:linear-gradient(135deg,#4f46e538,#9333ea38);border-bottom-color:#4f46e580}:root[data-theme=dark] .reply-input-content{background:#020617;box-shadow:0 6px 18px #0f172ae6}:root[data-theme=dark] .reply-sender{color:#a5b4fc}:root[data-theme=dark] .reply-text{color:#e5e7eb}:root[data-theme=dark] .file-preview{background:linear-gradient(135deg,#4f46e529,#9333ea29);border-top-color:#4f46e580}:root[data-theme=dark] .file-preview-item{background:#020617;border-color:#4f46e599;box-shadow:0 6px 18px #0f172ae6}:root[data-theme=dark] .preview-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-background-clip:text}:root[data-theme=dark] .preview-filename,:root[data-theme=dark] .preview-size{color:#9ca3af}:root[data-theme=dark] .upload-placeholder{background:linear-gradient(135deg,#4f46e529,#9333ea29);border-color:#4f46e5}:root[data-theme=dark] .upload-placeholder:hover{background:linear-gradient(135deg,#4f46e54d,#9333ea4d);border-color:#6366f1}:root[data-theme=dark] .profile-picture-preview{border-color:#4f46e5;box-shadow:0 10px 30px #0f172af2}:root[data-theme=dark] .cancel-btn{background:linear-gradient(135deg,#111827,#020617);color:#e5e7eb}:root[data-theme=dark] .cancel-btn:hover{background:linear-gradient(135deg,#020617,#020617);box-shadow:0 6px 18px #000c}:root[data-theme=dark] .edit-chat-modal-overlay{background:#0f172abf}:root[data-theme=dark] .edit-chat-modal{background:#020617;background-image:linear-gradient(#020617,#020617),linear-gradient(135deg,#4f46e5,#a855f7,#ec4899);box-shadow:0 24px 70px #000000f2}:root[data-theme=dark] .edit-chat-modal input{background:#020617;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .edit-chat-modal input:focus{border-color:#4f46e5;box-shadow:0 6px 18px #4f46e580}:root[data-theme=dark] .mention-dropdown{background:#020617;box-shadow:0 18px 45px #000000e6}:root[data-theme=dark] .mention-item{color:#e5e7eb}:root[data-theme=dark] .mention-item:hover{background:#111827}:root[data-theme=dark] .mention-text{color:#e5e7eb}:root[data-theme=dark] .chat-input-wrapper .emoji-btn{color:#fff}.typing-indicator{animation:fadeInTyping .3s ease-out;color:#667eea;font-size:13px;font-weight:600;gap:8px;padding:12px 20px}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:3px}.typing-dot{animation:typingBlink 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:6px;opacity:.7;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBlink{0%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}to{opacity:.5;transform:translateY(0)}}@keyframes fadeInTyping{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .typing-indicator{color:#c7d2fe}:root[data-theme=dark] .typing-dot{background:#c7d2fe;box-shadow:0 0 8px #818cf8b3;opacity:.9}.empty-state{animation:fadeInEmpty .4s ease;background:linear-gradient(135deg,#667eea0d,#f093fb0d);flex:1 1;flex-direction:column;gap:18px;height:100%;padding:40px 20px;text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:20px;box-shadow:0 6px 20px #667eea4d;color:#fff;font-size:40px;height:90px;width:90px}.empty-state-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:22px;font-weight:700;margin:0}.empty-state-subtitle{color:#999;font-size:14px;line-height:1.5;margin:0;max-width:260px}@keyframes fadeInEmpty{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}:root[data-theme=dark] .empty-state{background:radial-gradient(circle at top,#0f172af2 0,#0f172afa 45%,#020617 100%)}:root[data-theme=dark] .empty-state-icon{background:conic-gradient(from 180deg,#4f46e5,#7c3aed,#f97316,#4f46e5);box-shadow:0 10px 30px #0f172af2,0 0 30px #818cf899;color:#f9fafb}:root[data-theme=dark] .empty-state-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e5e7eb,#c4b5fd);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .empty-state-subtitle{color:#9ca3af}.group-settings-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.group-settings-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;width:30%}.group-settings-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 28px}.group-settings-title{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.group-settings-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.group-settings-close:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.group-settings-content{flex:1 1;overflow-y:auto;padding:24px 28px}.group-settings-section{margin-bottom:28px}.group-settings-section:last-child{margin-bottom:0}.group-settings-label{color:#374151;display:block;font-size:14px;font-weight:700;letter-spacing:.3px;margin-bottom:12px}.group-settings-upload-box{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;min-height:140px;overflow:hidden;padding:0;transition:all .2s ease;width:100%}.group-settings-upload-box:hover{background:#f5f3ff;border-color:#915afd}.group-settings-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.group-settings-upload-icon{font-size:48px}.group-settings-upload-text{color:#6b7280;font-size:14px;font-weight:600}.group-settings-upload-preview{align-items:center;background:#fff;display:flex;gap:16px;padding:16px}.group-settings-preview-img{border-radius:12px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.group-settings-preview-meta{flex:1 1;min-width:0}.group-settings-preview-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-settings-preview-sub{color:#10b981;font-size:13px;font-weight:500}.group-settings-input{border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.group-settings-input:focus{background:#fafafa;border-color:#915afd;outline:none}.group-settings-char-count{color:#9ca3af;font-size:12px;font-weight:600;margin-top:6px;text-align:right}.group-settings-textarea{border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:15px;font-weight:500;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.group-settings-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.group-settings-option{align-items:center;background:#f9fafb;border-radius:10px;color:#374151;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:10px;padding:14px 16px}.group-settings-option.disabled{cursor:not-allowed;opacity:.5}.group-settings-option input[type=checkbox]{cursor:pointer}.group-settings-option.disabled input[type=checkbox]{cursor:not-allowed}.group-settings-footer{background:#fafafa;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 28px}.group-settings-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.3px;padding:12px 24px;transition:all .2s ease}.group-settings-btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.group-settings-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.group-settings-btn-save{background:linear-gradient(135deg,#915afd,#7c3aed);box-shadow:0 4px 12px #915afd4d;color:#fff}.group-settings-btn-save:hover:not(:disabled){box-shadow:0 6px 20px #915afd66;transform:translateY(-2px)}.group-settings-btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}:root[data-theme=dark] .group-settings-modal{background:#1f2937}:root[data-theme=dark] .group-settings-header{border-bottom-color:#374151}:root[data-theme=dark] .group-settings-title{color:#f9fafb}:root[data-theme=dark] .group-settings-close{background:#374151;color:#9ca3af}:root[data-theme=dark] .group-settings-close:hover{background:#4b5563;color:#f3f4f6}:root[data-theme=dark] .group-settings-label{color:#d1d5db}:root[data-theme=dark] .group-settings-upload-box{background:#111827;border-color:#4b5563}:root[data-theme=dark] .group-settings-upload-box:hover{background:#1e1b4b;border-color:#915afd}:root[data-theme=dark] .group-settings-upload-preview{background:#111827}:root[data-theme=dark] .group-settings-preview-name{color:#f3f4f6}:root[data-theme=dark] .group-settings-input,:root[data-theme=dark] .group-settings-textarea{background:#111827;border-color:#374151;color:#f9fafb}:root[data-theme=dark] .group-settings-input:focus,:root[data-theme=dark] .group-settings-textarea:focus{background:#0f172a;border-color:#915afd}:root[data-theme=dark] .group-settings-option{background:#111827;color:#d1d5db}:root[data-theme=dark] .group-settings-footer{background:#111827;border-top-color:#374151}:root[data-theme=dark] .group-settings-btn-cancel{background:#374151;border-color:#4b5563;color:#d1d5db}:root[data-theme=dark] .group-settings-btn-cancel:hover{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.group-settings-content::-webkit-scrollbar{width:8px}.group-settings-content::-webkit-scrollbar-track{background:#0000}.group-settings-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.group-settings-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root[data-theme=dark] .group-settings-content::-webkit-scrollbar-thumb{background:#4b5563}:root[data-theme=dark] .group-settings-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.group-settings-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-top-color:#915afd}.group-settings-loading p{color:#6b7280;font-size:14px;font-weight:600}.group-settings-toggle-option{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s ease}.group-settings-toggle-option:hover{background:#f3f4f6}.toggle-option-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.toggle-option-title{color:#111827;font-size:15px;font-weight:600}.toggle-option-desc{color:#6b7280;font-size:13px;font-weight:500}.group-settings-toggle-switch{cursor:pointer;display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.group-settings-toggle-switch input{height:0;opacity:0;width:0}.group-settings-toggle-slider{background-color:#d1d5db;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.group-settings-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.group-settings-toggle-switch input:checked+.group-settings-toggle-slider{background:linear-gradient(135deg,#915afd,#7c3aed)}.group-settings-toggle-switch input:focus+.group-settings-toggle-slider{box-shadow:0 0 0 3px #915afd33}.group-settings-toggle-switch input:checked+.group-settings-toggle-slider:before{transform:translateX(22px)}.group-settings-toggle-switch input:disabled+.group-settings-toggle-slider{cursor:not-allowed;opacity:.5}:root[data-theme=dark] .group-settings-toggle-option{background:#111827}:root[data-theme=dark] .group-settings-toggle-option:hover{background:#1f2937}:root[data-theme=dark] .toggle-option-title{color:#f3f4f6}:root[data-theme=dark] .toggle-option-desc{color:#9ca3af}:root[data-theme=dark] .group-settings-toggle-slider{background-color:#4b5563}:root[data-theme=dark] .loading-spinner{border-color:#915afd #374151 #374151}:root[data-theme=dark] .group-settings-loading p{color:#9ca3af}.group-settings-avatar-wrap{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.group-settings-avatar-uploader{background:#f9fafb;border:2px dashed #d1d5db;border-radius:50%;cursor:pointer;display:grid;height:140px;overflow:hidden;padding:0;place-items:center;position:relative;transition:all .2s ease;width:140px}.group-settings-avatar-uploader:hover{background:#f5f3ff;border-color:#915afd;transform:translateY(-1px)}.group-settings-avatar-uploader:focus{box-shadow:0 0 0 4px #915afd2e;outline:none}.group-settings-avatar-placeholder{display:grid;height:100%;place-items:center;width:100%}.group-settings-avatar-emoji{font-size:44px;opacity:.8}.group-settings-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.group-settings-avatar-camera{background:linear-gradient(135deg,#915afd,#7c3aed);border:2px solid #fff;border-radius:50%;bottom:8px;box-shadow:0 8px 18px #1118272e;color:#fff;display:grid;font-size:16px;height:36px;place-items:center;position:absolute;right:8px;width:36px}.group-settings-avatar-hint{color:#6b7280;font-size:13px;font-weight:600;text-align:center}:root[data-theme=dark] .group-settings-avatar-uploader{background:#111827;border-color:#4b5563}:root[data-theme=dark] .group-settings-avatar-uploader:hover{background:#1e1b4b;border-color:#915afd}:root[data-theme=dark] .group-settings-avatar-hint{color:#9ca3af}.group-settings-header-actions{align-items:center;display:flex;gap:10px}.group-settings-edit-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;font-weight:700;height:36px;padding:0 14px;transition:all .2s ease}.group-settings-edit-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.group-settings-edit-btn:disabled{cursor:not-allowed;opacity:.5}.group-settings-avatar-uploader.read-only{cursor:default;filter:grayscale(.1)}.group-settings-avatar-uploader.read-only:hover{background:#f9fafb;border-color:#d1d5db;transform:none}:root[data-theme=dark] .group-settings-edit-btn{background:#111827;border-color:#374151;color:#f3f4f6}:root[data-theme=dark] .group-settings-edit-btn:hover:not(:disabled){background:#0f172a;border-color:#4b5563}.family-chats-container{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);display:flex;gap:0;height:92vh;padding:10px;position:relative}.family-chats-container:after{background:radial-gradient(950px 980px at 10% 20%,#89deff85,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff85,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);content:"";filter:blur(44px);height:420px;left:-6%;pointer-events:none;position:absolute;right:-6%;top:10px;transform:translateZ(0);will-change:transform;z-index:-1}.socket-warning-banner{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 12px #ff6b6b4d;color:#fff;display:flex;font-weight:600;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:1000}.socket-warning-banner button{background:#fff;border:none;border-radius:20px;color:#ff6b6b;cursor:pointer;font-weight:600;padding:8px 16px;transition:transform .2s ease}.socket-warning-banner button:hover{transform:scale(1.05)}.chat-main,.no-chat-selected{display:flex;flex:1 1;flex-direction:column}.no-chat-selected{align-items:center;color:#999;gap:16px;justify-content:center}.no-chat-selected h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;margin:0}.family-chats-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.spinner{border:5px solid #ffffff4d;border-top-color:#fff;box-shadow:0 4px 12px #0003;height:50px;width:50px}*{scrollbar-color:#667eea #667eea1a;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#667eea0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.pinned-banner{align-items:center;background:#fff7d6;border-bottom:1px solid #0000000d;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:25px;padding:8px 14px}.pinned-icon{font-size:16px}.pinned-content{align-items:flex-start;display:flex;flex-direction:column}.pinned-label{color:#b07a00;font-weight:600;margin-bottom:2px}.pinned-text{color:#333;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.highlight-pinned .message-bubble{animation:pinnedHighlight 1.2s ease-out}@keyframes pinnedHighlight{0%{background-color:#fff9e0;box-shadow:0 0 0 #ffe69600}40%{background-color:#fff2bf;box-shadow:0 0 12px #ffc800b3}to{background-color:inherit;box-shadow:none}}.starred-bar{align-items:center;background:#ffd7001f;border-radius:999px;color:#8b5b00;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;margin:8px 16px 4px;padding:6px 12px;transition:background .15s ease,transform .1s ease}.starred-bar:hover{background:#ffd70033;transform:translateY(-1px)}.starred-bar-left{align-items:center;display:flex;gap:6px}.starred-bar-icon{font-size:14px}.starred-bar-count{font-size:12px;font-weight:600}.starred-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.starred-modal{background:#fff;border-radius:16px;box-shadow:0 18px 45px #0f172a59;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;width:360px}.starred-modal-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:12px 16px}.starred-modal-header h3{font-size:15px;font-weight:600;margin:0}.starred-modal-close{background:#0000;border:none;cursor:pointer;font-size:16px;padding:4px}.starred-modal-list{overflow-y:auto;padding:8px 12px 12px}.starred-item{border-radius:10px;cursor:pointer;margin-bottom:4px;padding:8px;transition:background .15s ease}.starred-item:hover{background:#94a3b826}.starred-item-meta{color:#64748b;display:flex;font-size:11px;justify-content:space-between;margin-bottom:3px}.starred-item-text{color:#0f172a;font-size:13px}.highlight-pinned{animation:highlightFade 1.2s ease-out}@keyframes highlightFade{0%{background-color:#facc1573}to{background-color:initial}}:root[data-theme=dark] .family-chats-container{background:radial-gradient(circle at 0 0,#1e293b 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .chat-main{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%)}:root[data-theme=dark] .no-chat-selected{background:radial-gradient(circle at 0 0,#38bdf814,#0000 40%),radial-gradient(circle at 100% 100%,#a855f717,#0000 40%),#020617;color:#9ca3af}:root[data-theme=dark] .no-chat-selected h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .family-chats-loading{background:radial-gradient(circle at 0 0,#020617 0,#111827 40%,#020617 100%)}:root[data-theme=dark] .spinner{border-color:#e5e7eb #94a3b866 #94a3b866}:root[data-theme=dark] .pinned-banner{background:#1e40af59;border-bottom:1px solid #0f172ae6}:root[data-theme=dark] .pinned-label{color:#facc15}:root[data-theme=dark] .pinned-text{color:#e5e7eb}:root[data-theme=dark] .starred-bar{background:#facc151f;color:#facc15}:root[data-theme=dark] .starred-bar:hover{background:#facc152e}:root[data-theme=dark] .starred-bar-count{color:#fcd34d}:root[data-theme=dark] .starred-modal-overlay{background:#020617b3}:root[data-theme=dark] .starred-modal{background:#020617;border:1px solid #1e40afb3;box-shadow:0 28px 80px #000000e6}:root[data-theme=dark] .starred-modal-header{border-bottom-color:#1e40afb3}:root[data-theme=dark] .starred-modal-header h3{color:#e5e7eb}:root[data-theme=dark] .starred-modal-close{color:#9ca3af}:root[data-theme=dark] .starred-modal-close:hover{color:#e5e7eb}:root[data-theme=dark] .starred-item{background:#0000}:root[data-theme=dark] .starred-item:hover{background:#1e40af52}:root[data-theme=dark] .starred-item-meta{color:#9ca3af}:root[data-theme=dark] .starred-item-text{color:#e5e7eb}:root[data-theme=dark] .highlight-pinned{animation:highlightFadeDark 1.2s ease-out}:root[data-theme=dark] .header-content h1{color:#fff}@keyframes highlightFadeDark{0%{background-color:#facc154d}to{background-color:initial}}:root[data-theme=dark] .socket-warning-banner{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 8px 24px #ef444480}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#020617}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#7c3aed)}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.gc-modal-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000a6;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.gc-modal{animation:gcPop .14s ease-out;background:#fff;border:2px solid #7c3aedbf;border-radius:16px;box-shadow:0 20px 60px #11182733,0 8px 24px #7c3aed1a;padding:22px 22px 18px;position:relative;width:min(520px,calc(100vw - 32px))}@keyframes gcPop{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.gc-modal-title{color:#5b5bd6;font-size:20px;font-weight:700;margin-bottom:14px}.gc-input{background:#fff;border:2px solid #3b82f68c;border-radius:10px;box-shadow:0 6px 16px #3b82f614;font-size:14px;height:46px;outline:none;padding:0 14px;transition:.18s ease;width:100%}.gc-input:focus{border-color:#7c3aedd9;box-shadow:0 0 0 4px #7c3aed24}.gc-upload-wrap{margin-bottom:16px;margin-top:6px}.gc-upload-box{background:#3b82f608;border:2px dashed #3b82f6bf;border-radius:12px;cursor:pointer;padding:16px;text-align:left;transition:.18s ease;width:100%}.gc-upload-box:hover{background:#7c3aed0d;border-color:#7c3aedd9}.gc-upload-placeholder{align-items:center;color:#334155;display:flex;font-size:14px;gap:10px;justify-content:center}.gc-upload-emoji{font-size:18px}.gc-upload-text{font-weight:600;opacity:.9}.gc-upload-preview{align-items:center;display:flex;gap:12px}.gc-preview-img{border:1px solid #94a3b859;border-radius:10px;height:44px;object-fit:cover;width:44px}.gc-preview-meta{display:flex;flex-direction:column;min-width:0}.gc-preview-name{color:#0f172a;font-size:13px;font-weight:700;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-preview-sub{color:#64748b;font-size:12px}.gc-modal-actions{display:flex;gap:12px;margin-top:14px}.gc-btn{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;height:38px;padding:0 18px;transition:.16s ease}.gc-btn:disabled{cursor:not-allowed;opacity:.55}.gc-btn-ghost{background:#3f3f3f;box-shadow:inset 0 0 0 1px #ffffff14;color:#fff}.gc-btn-ghost:hover{filter:brightness(1.06);transform:translateY(-1px)}.gc-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 10px 22px #6d28d938;color:#fff}.gc-btn-primary:hover{filter:saturate(1.05);transform:translateY(-1px)}:root[data-theme=dark] .gc-modal-overlay{background:#0206178c}:root[data-theme=dark] .gc-modal{background:#0b1220;border-color:#7c3aedbf;box-shadow:0 28px 90px #000000bf}:root[data-theme=dark] .gc-modal-title{color:#a78bfa}:root[data-theme=dark] .gc-input{background:#02061799;border-color:#6366f1a6;color:#e5e7eb}:root[data-theme=dark] .gc-upload-box{background:#6366f114;border-color:#6366f1bf}:root[data-theme=dark] .gc-preview-name{color:#e5e7eb}:root[data-theme=dark] .gc-upload-placeholder{color:#cbd5e1}.starred-item-body{margin-top:6px}.starred-text{color:#111827;font-size:13px;white-space:pre-wrap;word-break:break-word}.starred-audio,.starred-file{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.starred-file-row{align-items:center;display:flex;gap:10px}.starred-file-icon{align-items:center;background:#8b5cf61f;border-radius:10px;color:#7c3aed;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.starred-file-info{flex:1 1;min-width:0}.starred-file-name{color:#111827;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.starred-file-sub{color:#6b7280;font-size:12px;margin-top:2px}.starred-file-download{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;height:34px;justify-content:center;text-decoration:none;width:34px}.starred-file-download:hover{background:#f3e8ff;border-color:#a855f7}.starred-file-caption{color:#111827;font-size:13px;margin-top:8px;white-space:pre-wrap}.starred-media{display:flex;flex-direction:column;gap:8px}.starred-media-thumb{max-height:180px;object-fit:cover}.starred-media-thumb,.starred-video-thumb{border:1px solid #e5e7eb;border-radius:12px;width:100%}.starred-video-thumb{max-height:220px}.starred-media-caption{color:#111827;font-size:13px;white-space:pre-wrap}.starred-audio-player{margin-top:10px;width:100%}.fi-left-sidebar{background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,#fff 100%);height:calc(100vh - 64px);left:64px;overflow-y:auto;padding:20px;position:fixed;top:64px;width:330px;z-index:20}.fi-left-sidebar:after{background:radial-gradient(950px 980px at 10% 20%,#89deff1f,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff1f,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);content:"";filter:blur(44px);height:420px;left:-6%;pointer-events:none;position:absolute;right:-6%;top:10px;transform:translateZ(0);will-change:transform;z-index:-1}.fi-profile-card{border-bottom:1px solid #e5e7eb;padding-bottom:20px;text-align:center}.fi-avatar-wrapper{display:inline-block;margin-bottom:15px;position:relative}.fi-profile-avatar{border:3px solid #8b5cf6;border-radius:50%;height:80px;object-fit:cover;width:80px}.fi-profile-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;width:80px}.fi-online-status{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:5px;height:14px;position:absolute;right:5px;width:14px}.fi-profile-name{color:#111827;font-size:18px;font-weight:700;margin:0 0 5px}.fi-profile-location{color:#6b7280;font-size:14px;margin:0 0 15px;text-align:center}.fi-profile-stats{display:flex;justify-content:space-around;margin-top:15px}.fi-stat-block{text-align:center}.fi-stat-number{color:#111827;display:block;font-size:20px;font-weight:700}.fi-stat-label{color:#9ca3af;display:block;font-size:12px;margin-top:2px}.fi-sidebar-nav{display:flex;flex-direction:column;gap:5px;margin-top:20px}.fi-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 15px;position:relative;text-align:left;transition:all .2s;width:100%}.fi-nav-item:hover{background:#f3f4f6;color:#111827}.fi-nav-item.active{background:#8b5cf6;color:#fff}.fi-nav-item svg{flex-shrink:0}.fi-contacts-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.fi-contacts-section h3{color:#111827;font-size:14px;font-weight:600;margin:0 0 15px}.fi-contacts-list{display:flex;flex-direction:column;gap:12px}.fi-contact-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .2s ease}.fi-contact-item:hover{background-color:#7c3aed0d}.fi-contact-item img{border-radius:50%;height:40px;object-fit:cover;width:40px}.fi-contact-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.fi-contact-info{flex:1 1;min-width:0}.fi-contact-info h4{color:#111827;font-size:13px;font-weight:600;margin:0 0 3px}.fi-contact-info p{color:#9ca3af;font-size:11px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-contact-action{background:none;border:none;color:#9ca3af;cursor:pointer;padding:5px}.fi-avatar-wrapper .fi-profile-avatar-initials.has-story,.fi-avatar-wrapper .fi-profile-avatar.has-story{border:3px solid #8b5cf6;box-shadow:0 0 0 2px #fff;padding:3px}.fi-story-count-badge{background:#8b5cf6;bottom:0;font-size:12px;font-weight:600;height:24px;right:0;width:24px;z-index:10}.fi-notification-badge,.fi-story-count-badge{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;justify-content:center;position:absolute}.fi-notification-badge{background:#ef4444;font-size:11px;font-weight:700;height:20px;right:8px;top:8px;width:20px}@media (max-width:1024px){.fi-left-sidebar{display:none}}@media screen and (max-width:1600px){.fi-left-sidebar{width:250px}}:root[data-theme=dark] .fi-left-sidebar{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%);border-right-color:#111827;color:#e5e7eb}:root[data-theme=dark] .fi-left-sidebar h1,:root[data-theme=dark] .fi-left-sidebar h2,:root[data-theme=dark] .fi-left-sidebar h3,:root[data-theme=dark] .fi-left-sidebar h4,:root[data-theme=dark] .fi-left-sidebar p,:root[data-theme=dark] .fi-left-sidebar span{color:#e5e7eb}:root[data-theme=dark] .fi-profile-card{border-bottom-color:#1f2937}:root[data-theme=dark] .fi-profile-name{color:#f9fafb}:root[data-theme=dark] .fi-profile-location{color:#9ca3af}:root[data-theme=dark] .fi-stat-number{color:#f9fafb}:root[data-theme=dark] .fi-stat-label{color:#9ca3af}:root[data-theme=dark] .fi-sidebar-nav{border-top-color:#1f2937}:root[data-theme=dark] .fi-nav-item{background:#0000;color:#e5e7ebd9}:root[data-theme=dark] .fi-nav-item:hover{background:#94a3b81f;color:#f9fafb}:root[data-theme=dark] .fi-nav-item.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}:root[data-theme=dark] .fi-contacts-section{border-top-color:#1f2937}:root[data-theme=dark] .fi-contacts-section h3{color:#e5e7eb}:root[data-theme=dark] .fi-contact-item:hover{background:#581c8759}:root[data-theme=dark] .fi-contact-info h4{color:#e5e7eb}:root[data-theme=dark] .fi-contact-info p{color:#9ca3af}:root[data-theme=dark] .fi-left-sidebar .fi-followers-empty,:root[data-theme=dark] .fi-left-sidebar .fi-followers-title{color:#e5e7eb}:root[data-theme=dark] .fi-story-count-badge{background:#8b5cf6;border-color:#020617}:root[data-theme=dark] .fi-notification-badge{border-color:#020617}:root[data-theme=dark] .fi-left-sidebar:after{display:none}.post-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden;padding:10px}.post-header{align-items:center;display:flex;gap:12px;padding:10px}.post-header img{border-radius:50%;height:40px;object-fit:cover;width:40px}.post-header-info{display:flex;flex-direction:column;gap:2px}.post-header-top-row{align-items:center;display:flex;gap:8px}.post-header-top-row h4,.post-user-info h4{color:#111827;font-size:15px;font-weight:600;margin:0}.post-header-date,.post-user-info span{color:#9ca3af;font-size:13px;font-weight:500;margin-top:2px}.post-profile-avatar-initials{align-items:center;background:#915afd;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.post-images-container{border-radius:12px;height:400px;overflow:hidden;position:relative;width:100%}.post-images{grid-gap:2px;background:#f3f4f6;display:grid;gap:2px;grid-auto-rows:400px;height:100%}.post-images img{display:block;height:100%;object-fit:cover;width:100%}.post-images:has(img:only-child){background:#f3f4f6;border-radius:12px;display:block!important;height:auto!important;width:100%}.post-images:has(img:only-child) img{display:block;height:auto;margin:0 auto;max-height:600px;object-fit:contain;width:100%}.post-images.two-grid{grid-gap:2px;background:#f3f4f6;display:grid;gap:2px;grid-auto-rows:400px;grid-template-columns:1fr 1fr;height:400px;width:100%}.post-images.two-grid img{display:block;height:100%;object-fit:cover;width:100%}.post-images.three-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;height:400px;width:100%}.post-images.three-grid img:first-child{grid-column:1/span 1;grid-row:1/span 2}.post-images.three-grid img:nth-child(2){grid-column:2;grid-row:1}.post-images.three-grid img:nth-child(3){grid-column:2;grid-row:2}.post-images:has(img:nth-child(4)):not(:has(img:nth-child(5))){grid-auto-rows:200px;grid-template-columns:repeat(2,1fr);height:400px}.post-images.five-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;height:400px;width:100%}.post-images.five-grid img:first-child{grid-column:1/span 1;grid-row:1/span 2}.post-images.five-grid img:nth-child(2){grid-column:2;grid-row:1}.post-images.five-grid img:nth-child(3){grid-column:3;grid-row:1}.post-images.five-grid img:nth-child(4){grid-column:2;grid-row:2}.post-images.five-grid img:nth-child(5){grid-column:3;grid-row:2}.view-all-overlay{background:#000000a6;border-radius:8px;bottom:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;left:12px;padding:10px 20px;position:absolute;transition:background .2s;z-index:9}.view-all-overlay:hover{background:#3c3c3ccc}.post-caption{padding-left:10px;padding-top:10px;position:relative}.post-caption p{color:#4b5563;font-size:14px;line-height:1.5;margin:0;transition:all .3s ease}.post-caption p.collapsed{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.post-caption p.expanded{display:block;white-space:normal}.read-more-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;display:inline;font-size:13px;font-weight:600;margin-left:4px;padding:0;transition:color .2s}.read-more-btn:hover{color:#7c3aed;text-decoration:underline}.post-actions-post{border-top:1px solid #f3f4f6;display:flex;gap:20px;padding-left:10px;padding-top:15px}.action-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;transition:color .2s}.action-btn:hover{color:#8b5cf6}.action-btn.liked{color:#ef4444}.music-banner-overlay{align-items:center;animation:slideUpFade .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;bottom:12px;display:flex;gap:12px;justify-content:space-between;left:12px;padding:10px 12px;position:absolute;right:12px;z-index:10}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.music-banner-content{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.music-icon-wave{align-items:center;animation:pulse 2s ease-in-out infinite;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.music-banner-info{align-items:center;color:#fff;display:flex;flex:1 1;font-size:13px;gap:6px;min-width:0}.music-banner-track{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-banner-separator{flex-shrink:0;opacity:.7}.music-banner-artist{font-weight:400;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-banner-mute-btn,.music-mute-fab{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.music-banner-mute-btn:active,.music-banner-mute-btn:hover,.music-mute-fab:active,.music-mute-fab:hover{background:#111;transform:scale(1.1)}.music-mute-fab{background:#222;border:none;border-radius:50%;bottom:16px;box-shadow:0 2px 8px #0000002e;height:38px;padding:0;position:absolute;right:16px;transition:background .2s;width:38px;z-index:20}.music-mute-fab:active,.music-mute-fab:hover{background:#111;transform:scale(1.1)}.music-header-mute-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;margin-left:2px;margin-top:1px;padding:2px 4px;transition:background .2s}.music-header-mute-btn:active,.music-header-mute-btn:hover{background:#232323}.header-music-banner{align-items:center;border-radius:6px;color:#0e0e0e;display:flex;font-size:13px;gap:6px;margin-top:3px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.header-music-banner .music-icon{align-items:center;display:flex;justify-content:center;margin-right:2px}.header-music-banner .music-track{color:#070707;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-music-banner .music-artist{color:#0e0e0e;font-weight:400}.header-info-banner{align-items:center;border-radius:6px;color:#0e0e0e;display:flex;font-size:13px;gap:6px;margin-top:3px;min-height:24px;width:-webkit-fit-content;width:fit-content}.header-info-banner.alternating{animation:fadeIn .3s ease-in-out}.header-info-banner .info-icon{align-items:center;display:flex;justify-content:center;margin-right:2px}.header-info-banner .info-text{color:#070707;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-info-banner .music-track{color:#070707;font-weight:600}.header-info-banner .music-artist{color:#0e0e0e;font-weight:400}.header-info-banner .location-text{color:#070707;font-weight:500}.comments-section{border-top:1px solid #f3f4f6;max-height:400px;overflow-y:auto;padding:15px 20px}.comment{display:flex;gap:10px;margin-bottom:15px}.comment img{border-radius:50%;height:32px;object-fit:cover;width:32px}.comment-content{flex:1 1}.comment-content strong{color:#111827;font-size:14px}.comment-content p{color:#6b7280;font-size:14px;margin:4px 0 0}.comment-form{align-items:center;gap:10px;margin-top:15px;position:relative}.gif-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .3s ease}.gif-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf680;transform:scale(1.1)}.gif-button:active{transform:scale(.95)}.gif-button svg{stroke:#fff;height:24px;width:24px}.gif-preview-container{animation:slideIn .3s ease;border:3px solid #8b5cf6;border-radius:12px;box-shadow:0 4px 12px #8b5cf633;display:inline-block;margin:10px 0;overflow:hidden;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gif-preview{border-radius:8px;display:block;max-height:220px;max-width:220px}.gif-preview-remove{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;line-height:1;position:absolute;right:-10px;top:-10px;transition:all .2s;width:28px}.gif-preview-remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.15)}.gif-preview-remove:active{transform:scale(.9)}.comment-gif{border:2px solid #e5e7eb;border-radius:8px;display:block;margin-top:8px;max-height:220px;max-width:220px;transition:transform .2s}.comment-gif:hover{border-color:#8b5cf6;transform:scale(1.02)}.gif-picker-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.gif-picker-modal{animation:modalSlideUp .4s ease;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:650px;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gif-picker-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:2px solid #7c3aed;padding:18px 24px}.gif-picker-header h3{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0}.gif-picker-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:36px;justify-content:center;transition:all .2s;width:36px}.gif-picker-close:hover{background:#ffffff4d;transform:rotate(90deg)}.gif-picker-close:active{transform:rotate(90deg) scale(.9)}.gif-picker-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.gif-picker-search input{background:#fff;border:2px solid #e5e7eb;border-radius:25px;font-size:15px;outline:none;padding:12px 18px;transition:all .3s;width:100%}.gif-picker-search input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.gif-picker-search input::placeholder{color:#9ca3af}.gif-picker-grid{grid-gap:10px;background:#fafafa;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:520px;overflow-y:auto;padding:16px}.gif-picker-grid::-webkit-scrollbar{width:8px}.gif-picker-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.gif-picker-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px}.gif-picker-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.gif-picker-item{aspect-ratio:1;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gif-picker-item:after{background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.gif-picker-item:hover{border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf666;transform:scale(1.08);z-index:10}.gif-picker-item:hover:after{opacity:1}.gif-picker-item:active{transform:scale(.95)}.gif-picker-item img{display:block;height:100%;object-fit:cover;width:100%}.gif-picker-empty,.gif-picker-loading{color:#6b7280;font-size:16px;font-weight:500;grid-column:1/-1;padding:60px 20px;text-align:center}.gif-picker-loading{align-items:center;display:flex;flex-direction:column;gap:16px}.gif-picker-loading:before{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#8b5cf6;content:"";height:40px;width:40px}.gif-picker-empty{align-items:center;display:flex;flex-direction:column;gap:12px}.gif-picker-empty:before{content:"🔍";font-size:48px}@media (max-width:768px){.gif-picker-modal{border-radius:16px;max-height:90vh;width:95%}.gif-picker-header{padding:14px 18px}.gif-picker-header h3{font-size:18px}.gif-picker-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:450px;padding:12px}.gif-picker-search{padding:12px 16px}.comment-gif,.gif-preview{max-height:180px;max-width:180px}}@media (max-width:480px){.gif-picker-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.gif-picker-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.gif-button{padding:6px}.gif-button svg{height:20px;width:20px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.gif-picker-item.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.gif-picker-modal:after{background:#fff;border-top:1px solid #e5e7eb;bottom:0;color:#9ca3af;content:"Powered by Tenor";font-size:11px;font-weight:500;left:0;padding:8px;position:-webkit-sticky;position:sticky;right:0;text-align:center}.comment-form input{border:1px solid #e5e7eb;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:10px 15px}.comment-form button{background:#8b5cf6;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.comment-form button:hover{background:#7c3aed}.comment-form button:disabled{background:#d1d5db;cursor:not-allowed}.no-comments{color:#9ca3af;font-size:14px;padding:20px 0;text-align:center}.comment-avatar-initials{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:13px;font-weight:600;height:32px;text-transform:uppercase;width:32px}.comment-avatar-initials,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-overlay{background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.image-modal{background:#fff;border-radius:16px;box-shadow:0 4px 32px #0000002e;display:flex;flex-wrap:wrap;gap:14px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px;position:relative}.modal-img{border-radius:12px;margin-bottom:8px;max-height:300px;max-width:80vw;object-fit:contain;width:250px}.close-modal{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;padding:7px 18px;position:absolute;right:24px;top:16px}.likes-modal{background:#fff;border-radius:18px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:70vh;max-width:90vw;overflow:hidden;width:420px}.likes-modal-header{align-items:center;border-bottom:1px solid #262626;display:flex;justify-content:center;padding:10px 16px;position:relative}.likes-modal-header h3{color:#1a1a1a;font-size:15px;font-weight:600;margin:0}.likes-modal-close{background:#0000;border:none;color:#141414;cursor:pointer;font-size:16px;padding:4px 6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.likes-modal-list{overflow-y:auto;padding:6px 0}.likes-modal-user{justify-content:space-between;padding:8px 16px}.likes-modal-user,.likes-modal-user-left{align-items:center;display:flex;gap:10px}.likes-modal-avatar,.likes-modal-avatar-initials{border-radius:50%;height:40px;object-fit:cover;width:40px}.likes-modal-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:600;justify-content:center;text-transform:uppercase}.likes-modal-user-text{display:flex;flex-direction:column;line-height:1.2}.likes-modal-username{color:#1a1a1a;font-size:14px;font-weight:600}.likes-modal-fullname{color:#636363;font-size:13px}.likes-modal-follow-btn{background:#0095f6;border:none;border-radius:999px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 14px}.likes-modal-follow-btn:hover{background:#0077c2}.likes-modal-empty{color:#a1a1aa;font-size:14px;padding:18px 16px;text-align:center}@media (max-width:600px){.likes-modal{border-radius:0;max-height:80vh;max-width:100%;width:100%}.likes-modal-user{padding:10px 14px}}@media (max-width:768px){.music-banner-overlay{bottom:8px;left:8px;padding:8px 10px;right:8px}.music-banner-track{max-width:150px}.music-banner-info{font-size:12px}.music-banner-mute-btn{height:28px;width:28px}.post-images img{height:350px}}.post-menu-btn{background:none;border:none;cursor:pointer;padding:6px;position:absolute;right:10px;top:5px;z-index:99}.post-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 24px #0000001a;min-width:110px;padding:6px 0;position:absolute;right:0;top:28px;z-index:100}.delete-post-btn{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:15px;font-weight:600;padding:8px 18px;text-align:left;transition:background .2s;width:100%}.delete-post-btn:hover{background:#f3f4f6}.edit-post-caption-btn{background:none;border:none;border-radius:6px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;text-align:left;transition:background .2s,color .2s;width:100%}.edit-post-caption-btn+.delete-post-btn{border-top:1px solid #f3f4f6}.edit-post-caption-btn:hover{color:#111827}.edit-post-caption-btn{color:#8b5cf6}.edit-post-caption-btn:hover{background:#f3f4f6;color:#7c3aed}:root[data-theme=dark] .post-card{background:#020617;border:1px solid #111827;box-shadow:0 18px 45px #0f172ae6}:root[data-theme=dark] .post-header-top-row h4,:root[data-theme=dark] .post-user-info h4{color:#e5e7eb}:root[data-theme=dark] .post-header-date,:root[data-theme=dark] .post-user-info span{color:#9ca3af}:root[data-theme=dark] .post-caption p{color:#e5e7eb}:root[data-theme=dark] .read-more-btn{color:#8b5cf6;color:var(--accent-primary,#8b5cf6)}:root[data-theme=dark] .read-more-btn:hover{color:#a5b4fc}:root[data-theme=dark] .post-actions-post{border-top-color:#111827}:root[data-theme=dark] .action-btn{color:#9ca3af}:root[data-theme=dark] .action-btn:hover{color:#8b5cf6;color:var(--accent-primary,#8b5cf6)}:root[data-theme=dark] .comments-section{border-top-color:#111827}:root[data-theme=dark] .comment-content strong{color:#e5e7eb}:root[data-theme=dark] .comment-content p{color:#9ca3af}:root[data-theme=dark] .no-comments{color:#6b7280}:root[data-theme=dark] .comment-form input{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .comment-form input::placeholder{color:#6b7280}:root[data-theme=dark] .comment-form button{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}:root[data-theme=dark] .comment-form button:disabled{background:#1f2937;color:#6b7280}:root[data-theme=dark] .music-banner-overlay{background:#0f172ae6}:root[data-theme=dark] .music-mute-fab{background:#020617;box-shadow:0 8px 22px #0f172ae6}:root[data-theme=dark] .music-mute-fab:hover{background:#111827}:root[data-theme=dark] .header-info-banner,:root[data-theme=dark] .header-music-banner{background:#020617;color:#e5e7eb}:root[data-theme=dark] .header-info-banner .info-text,:root[data-theme=dark] .header-info-banner .location-text,:root[data-theme=dark] .header-info-banner .music-track,:root[data-theme=dark] .header-music-banner .music-track{color:#e5e7eb}:root[data-theme=dark] .header-info-banner .music-artist,:root[data-theme=dark] .header-music-banner .music-artist{color:#9ca3af}:root[data-theme=dark] .image-modal{background:#020617;box-shadow:0 24px 60px #0f172af2}:root[data-theme=dark] .close-modal{background:#ef4444}:root[data-theme=dark] .post-dropdown-menu{background:#020617;border:1px solid #111827;box-shadow:0 18px 45px #0f172ae6}:root[data-theme=dark] .edit-post-caption-btn{color:#e5e7eb}:root[data-theme=dark] .edit-post-caption-btn:hover{background:#020617;color:#c7d2fe}:root[data-theme=dark] .delete-post-btn:hover{background:#020617}:root[data-theme=dark] .gif-picker-modal{background:#020617;box-shadow:0 24px 70px #0f172af2}:root[data-theme=dark] .gif-picker-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom-color:#4338ca}:root[data-theme=dark] .gif-picker-search{background:#020617;border-bottom-color:#111827}:root[data-theme=dark] .gif-picker-search input{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .gif-picker-search input::placeholder{color:#6b7280}:root[data-theme=dark] .gif-picker-grid{background:#020617}:root[data-theme=dark] .gif-picker-empty,:root[data-theme=dark] .gif-picker-loading{color:#9ca3af}:root[data-theme=dark] .gif-picker-modal:after{background:#020617;border-top-color:#111827;color:#6b7280}:root[data-theme=dark] .gif-picker-grid::-webkit-scrollbar-track{background:#020617}:root[data-theme=dark] .gif-picker-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#7c3aed)}:root[data-theme=dark] .gif-preview-container{border-color:#8b5cf6}:root[data-theme=dark] .likes-modal{background:#020617;box-shadow:0 24px 70px #0f172af2}:root[data-theme=dark] .likes-modal-user:hover{background:#020617}.post-header-banner-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.post-location-chip{align-items:center;background:#f3f4f6;border:none;border-radius:999px;color:#111827;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 10px;transition:transform .15s,background .15s}.post-location-chip:hover{background:#e5e7eb;transform:translateY(-1px)}.post-location-chip-text{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=dark] .post-location-chip{background:#111827;color:#e5e7eb}:root[data-theme=dark] .post-location-chip:hover{background:#0b1220}.ip-post-modal{background:#000000a6;inset:0;position:fixed;z-index:9000}.ip-post-modal-content{z-index:9001}.image-modal-overlay{z-index:9500}.likes-modal{position:relative;z-index:9501}.ip-gif-picker-overlay{inset:0;position:fixed;z-index:9800}.ip-gif-picker-modal{position:relative;z-index:9801}.post-sidebar{background:#f8f9fa;border-right:1px solid #e5e7eb;width:300px}.post-sidebar-header{border-bottom:1px solid #e5e7eb;padding:20px}.post-sidebar-header h2{font-size:20px}.close-btn{border-radius:50%;height:36px;width:36px}.close-btn:hover{transform:rotate(90deg)}.post-user-info-sidebar{border-bottom:1px solid #e5e7eb;padding:20px}.post-options{flex:1 1;gap:8px;overflow-y:auto;padding:10px}.post-option-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;text-align:left;transition:all .2s}.post-option-btn:hover{background:#f9fafb;border-color:#8b5cf6;transform:translateX(4px)}.option-icon{background:#f3f4f6;border-radius:50%;color:#6b7280;transition:all .2s}.post-option-btn:hover .option-icon{background:#ede9fe;color:#8b5cf6}.aspect-ratio-selector{background:#f9f5ff;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:15px 16px}.selector-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.aspect-btn{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;flex:1 1;padding:10px;transition:all .2s ease}.aspect-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.aspect-btn.active{background:#ede9fe;border-color:#8b5cf6}.aspect-btn svg{color:#6b7280}.aspect-btn.active svg{color:#8b5cf6}@media (max-width:768px){.post-sidebar{max-height:250px;width:100%}.post-options{flex-direction:row;overflow-x:auto;overflow-y:hidden}.post-option-btn{min-width:140px}.aspect-ratio-selector{min-width:220px}}:root[data-theme=dark] .post-sidebar{background:#020617;border-right:1px solid #0f172a}:root[data-theme=dark] .post-sidebar-header{border-bottom:1px solid #111827}:root[data-theme=dark] .post-sidebar-header h2{color:#e5e7eb}:root[data-theme=dark] .close-btn{background:#0f172a;color:#9ca3af}:root[data-theme=dark] .close-btn:hover{background:#111827;color:#f9fafb}:root[data-theme=dark] .post-user-info-sidebar{border-bottom:1px solid #111827}:root[data-theme=dark] .user-avatar-sidebar{border-color:#1f2937}:root[data-theme=dark] .post-options{background:#0000}:root[data-theme=dark] .post-option-btn{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .post-option-btn:hover{background:#0b1220;border-color:#4f46e5}:root[data-theme=dark] .post-option-btn:hover .option-icon{background:#4f46e529;color:#a855f7}:root[data-theme=dark] .aspect-ratio-selector{background:#020617;border-color:#111827}:root[data-theme=dark] .selector-label{color:#e5e7eb}:root[data-theme=dark] .aspect-btn{background:#020617;border-color:#111827}:root[data-theme=dark] .aspect-btn:hover{background:#0b1220;border-color:#4b5563}:root[data-theme=dark] .aspect-btn.active{background:#4f46e52e;border-color:#4f46e5}:root[data-theme=dark] .aspect-btn svg{color:#9ca3af}:root[data-theme=dark] .aspect-btn.active svg{color:#a855f7}.sidebar-location-box{background:#f9f5ff;border:1px solid #e9ddff;border-radius:12px;margin-top:14px;padding:12px}.sidebar-location-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sidebar-location-label{color:#6b7280;font-size:12px;font-weight:700}.sidebar-location-pin{align-items:center;display:flex}.sidebar-location-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;height:38px;padding:0 12px;text-align:left;transition:.15s;width:100%}.sidebar-location-btn:hover{border-color:#a855f7}.sidebar-location-btn.active{background:#f3e8ff;border-color:#a855f7}.sidebar-location-btn-text{color:#111827;font-size:13px;font-weight:600}.image-thumbnails{background:#f8f9fa;border-top:1px solid #e5e7eb;display:flex;gap:8px;overflow-x:auto;padding:12px 20px;scrollbar-color:#cbd5e0 #f8f9fa;scrollbar-width:thin}.image-thumbnails::-webkit-scrollbar{height:6px}.image-thumbnails::-webkit-scrollbar-track{background:#f8f9fa}.image-thumbnails::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.image-thumbnails::-webkit-scrollbar-thumb:hover{background:#a0aec0}.thumbnail-item{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.thumbnail-item:hover{border-color:#8b5cf6;transform:translateY(-2px)}.thumbnail-item.active{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf6}.thumbnail-item img{height:100%;object-fit:cover;width:100%}.remove-thumb-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:all .2s ease;width:20px;z-index:10}.thumbnail-item:hover .remove-thumb-btn{opacity:1}.remove-thumb-btn:hover{background:#ef4444e6;transform:scale(1.1)}.post-preview-panel{background:#000;display:flex;flex:1 1;flex-direction:column}.post-preview-header{align-items:center;background:#f9f5ff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.post-preview-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.image-counter{color:#6b7280;font-size:14px;font-weight:500}.post-preview-content{background:#f9f5ff;flex:1 1;overflow:hidden;position:relative}.post-placeholder,.post-preview-content{align-items:center;display:flex;justify-content:center}.post-placeholder{cursor:pointer;height:100%;transition:all .3s ease;width:100%}.post-placeholder:hover{background:#ffffff0d}.upload-prompt{color:#fff}.upload-prompt p{color:#e5e7eb;font-size:18px;margin:8px 0}.upload-hint{display:block;font-size:13px;margin-top:8px}.image-nav-btn{align-items:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.image-nav-btn:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.image-nav-btn.prev{left:15px}.image-nav-btn.next{right:15px}.post-image-preview{align-items:center;background:#000;display:flex;justify-content:center;max-width:600px;position:relative;width:100%}.post-image-preview img{display:block;max-height:calc(85vh - 200px);max-width:100%}.caption-overlay{bottom:60px;z-index:5}.caption-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.music-preview-overlay{-webkit-user-select:none;user-select:none;z-index:15}.music-play-toggle-btn{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.music-play-toggle-btn:hover{background:#ffffff4d}.remove-music-btn{flex-shrink:0}.remove-music-btn:hover{background:#ef4444cc}.post-actions{background:#f9f5ff;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.discard-btn{background:#f3f4f6;border-radius:8px;color:#374151}.discard-btn:hover{background:#e5e7eb}.share-post-btn{background:#a855f7;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.share-post-btn:hover:not(:disabled){box-shadow:0 6px 20px #0866ff66;transform:translateY(-2px)}.share-post-btn:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.5}.next-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.next-btn:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.next-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.5}.image-loading-spinner{color:#6b7280;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.spinner{border:4px solid #f3f4f6;margin:0 auto 12px}.image-error-state{color:#ef4444;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.image-error-state svg{color:#ef4444;margin-bottom:12px}.image-error-state button{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:8px;padding:8px 16px}.image-error-state button:hover{background:#7c3aed}[data-theme=dark] .post-preview-panel{background:#020617}[data-theme=dark] .post-preview-header{background:#020617;border-bottom:1px solid #1f2937}[data-theme=dark] .post-preview-header h3{color:#e5e7eb}[data-theme=dark] .image-counter{color:#9ca3af}[data-theme=dark] .post-preview-content{background:#020617}[data-theme=dark] .post-placeholder:hover{background:#0f172a99}[data-theme=dark] .upload-prompt,[data-theme=dark] .upload-prompt p{color:#e5e7eb}[data-theme=dark] .upload-hint{color:#9ca3af}[data-theme=dark] .post-image-preview{background:#020617}[data-theme=dark] .caption-input{background:#0f172ae6;border-color:#e5e7eb}[data-theme=dark] .post-actions{background:#020617;border-top:1px solid #1f2937}[data-theme=dark] .discard-btn{background:#111827;color:#e5e7eb}[data-theme=dark] .discard-btn:hover{background:#1f2937}[data-theme=dark] .share-post-btn:disabled{background:#4b5563;color:#d1d5db}[data-theme=dark] .next-btn:disabled{background:#4b5563}[data-theme=dark] .image-loading-spinner{color:#9ca3af}[data-theme=dark] .spinner{border-color:#8b5cf6 #1f2937 #1f2937}[data-theme=dark] .image-error-state,[data-theme=dark] .image-error-state svg{color:#fca5a5}[data-theme=dark] .image-error-state button{background:#7c3aed}[data-theme=dark] .image-error-state button:hover{background:#6d28d9}.music-picker-overlay{animation:fadeIn .2s ease}.music-picker-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-picker-modal{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90%}.music-picker-header{border-bottom:1px solid #e5e7eb}.music-picker-header h3{color:#111827}.music-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.music-close-btn:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.music-search-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:12px}.music-search-bar svg{color:#9ca3af;flex-shrink:0}.music-search-bar input{background:#0000;color:#111827;font-size:15px}.music-search-bar input::placeholder{color:#9ca3af}.music-list::-webkit-scrollbar{width:8px}.music-list::-webkit-scrollbar-track{background:#f9fafb}.music-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.music-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.music-item{border-radius:12px;padding:12px;transition:all .2s}.music-item:hover{background:#f3f4f6;transform:translateX(4px)}.track-album-art{border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:56px;width:56px}.track-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:4px}.track-artist{color:#6b7280;font-size:13px}.track-album{color:#9ca3af;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-actions{flex-shrink:0}.play-preview-btn,.select-track-btn{border-radius:8px;font-weight:500}.play-preview-btn{background:#f3f4f6;height:36px;padding:0;width:36px}.play-preview-btn:hover:not(.disabled){background:#e5e7eb;transform:scale(1.05)}.play-preview-btn.disabled{background:#e5e7eb;cursor:not-allowed;opacity:.3}.select-track-btn{background:#8b5cf6;padding:8px 16px}.select-track-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.music-loading,.no-music{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.music-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#8b5cf6;height:48px;margin-bottom:16px;width:48px}.music-loading p,.no-music p{color:#374151;font-size:16px;font-weight:500;margin:8px 0}.no-music svg{color:#cbd5e0;margin-bottom:16px}.no-music span{color:#9ca3af;font-size:14px}@media (max-width:600px){.music-picker-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.track-actions{flex-direction:column}.select-track-btn{width:100%}}.imtr2-overlay{align-items:center;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,Roboto,sans-serif;inset:0;justify-content:center;position:fixed;z-index:12000}.imtr2-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a59;inset:0;position:absolute}.imtr2-modal{background:#fff;border-radius:28px;box-shadow:0 18px 55px #0f172a2e;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;overflow:hidden;position:relative;width:540px}.imtr2-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 18px 10px}.imtr2-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.imtr2-btn-back{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:6px}.imtr2-btn-back:hover{background:#f3f4f6}.imtr2-btn-done{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px}.imtr2-btn-done:hover{background:#1d4ed8}.imtr2-content{overflow-y:auto;padding:14px 18px 20px}.imtr2-track{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;display:flex;gap:12px;margin-bottom:18px;padding:12px}.imtr2-thumb{border-radius:12px;height:56px;object-fit:cover;width:56px}.imtr2-meta{flex:1 1;min-width:0}.imtr2-title{color:#111827;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imtr2-artist{color:#6b7280;font-size:13px;margin-top:2px}.imtr2-waveform-section{margin-top:10px}.imtr2-waveform-track{background:#f3f4ff;border:1px solid #e5e7ff;border-radius:18px;cursor:grab;height:96px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.imtr2-waveform-track:active{cursor:grabbing}.imtr2-waveform-bars{align-items:center;display:flex;gap:3px;inset:0;padding:0 8px;position:absolute}.imtr2-wavebar{background:#c7d2fe;border-radius:999px;flex:1 1;min-width:3px;opacity:.7;transition:transform .15s ease,background .15s ease,opacity .15s ease}.imtr2-wavebar.active{background:#8b5cf6;opacity:1}.imtr2-wavebar.playing{background:#22c55e;transform:scaleY(1.25)}.imtr2-window{background:linear-gradient(90deg,#8b5cf61f,#8b5cf608);border:2px solid #8b5cf6;border-radius:16px;bottom:0;box-shadow:0 0 0 1px #8b5cf626;pointer-events:none;position:absolute;top:0}.imtr2-handle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;box-shadow:0 3px 10px #94a3b866;display:flex;height:46px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:18px}.imtr2-handle-left{left:-9px}.imtr2-handle-right{right:-9px}.imtr2-handle.handle-active{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf640}.imtr2-grip{background:#e5e7eb;border-radius:999px;height:28px;width:4px}.imtr2-times{color:#6b7280;display:flex;font-size:12px;font-weight:500;justify-content:space-between;margin-top:8px}.imtr2-controls{gap:16px;margin:18px 0 10px}.imtr2-btn-play,.imtr2-controls{align-items:center;display:flex;justify-content:center}.imtr2-btn-play{background:#8b5cf6;border:none;border-radius:999px;box-shadow:0 10px 22px #8b5cf652;color:#fff;cursor:pointer;height:52px;width:52px}.imtr2-btn-play svg{fill:#fff}.imtr2-btn-play:hover{background:#7c3aed}.imtr2-info{background:#eef2ff;border-radius:999px;color:#4f46e5;font-size:13px;font-weight:600;padding:8px 14px}.imtr2-duration-area{margin-top:10px}.imtr2-duration-label{color:#6b7280;font-size:13px;font-weight:500}.imtr2-duration-bubbles{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.imtr2-duration-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px}.imtr2-duration-bubble.active{background:#eef2ff;border-color:#8b5cf6;color:#4f46e5}@media (max-width:640px){.imtr2-modal{align-self:flex-end;border-radius:24px 24px 0 0;max-width:100vw;width:100vw}.imtr2-controls{flex-direction:column}.imtr2-btn-play{border-radius:16px;width:100%}.imtr2-info{text-align:center;width:100%}}.image-editor-overlay{align-items:center;animation:fadeIn .2s ease;display:flex;inset:0;justify-content:center;position:fixed;z-index:12000}.image-editor-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;inset:0;position:absolute}.image-editor-modal{align-items:center;animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000080;display:flex;height:80vh;justify-content:center;max-width:95vw;overflow:hidden;position:relative;width:1200px;z-index:2}.image-editor-modal [class*=FIE_]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width:768px){.image-editor-modal{border-radius:0;height:100vh;max-width:100vw;width:100vw}}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080;cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{border-color:#00f;border-style:solid;outline:none}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:#0003;border:1px solid #ffffffb3;content:"";display:block;height:10px;outline:1px solid #0000;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:#00f}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;width:24px}}.cropper-modal-overlay{align-items:center;animation:fadeIn .28s cubic-bezier(.61,.03,.74,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#242424e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:12001}.cropper-modal-content{align-items:center;animation:glassZoomIn .4s cubic-bezier(.61,.03,.74,.82);background:#222231fc;border-radius:20px;box-shadow:0 32px 96px 0 #4824fc26,0 4px 32px 0 #4824fc1c;display:flex;flex-direction:column;max-width:540px;min-width:340px;padding:32px 0 20px;position:relative;width:80vw}@keyframes glassZoomIn{0%{opacity:0;transform:scale(.96) translateY(28px)}to{opacity:1;transform:scale(1) translateY(0)}}.cropper-controls{align-items:center;background:#2c1e444d;border-radius:8px;box-shadow:0 2px 9px #9865ff0a;color:#fff;display:flex;justify-content:center;margin:20px 0 12px;padding:8px 12px;width:80%}.cropper-controls label{align-items:center;color:#ebebfa;display:flex;font-size:15px;font-weight:600;gap:16px;letter-spacing:.02em;width:100%}.cropper-controls input[type=range]{accent-color:#7c44fa;background:linear-gradient(90deg,#7c44fa,#60aaff);border-radius:3px;height:3px;width:90%}.cropper-actions{display:flex;gap:20px;justify-content:center;margin-top:18px}.crop-btn{background:#667eea;border:none;border-radius:10px;box-shadow:0 8px 30px 0 #4824fc1f;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:.04em;padding:10px 32px;transition:transform .15s,box-shadow .18s,background .26s;z-index:999}.crop-btn:hover{background:#5a67d8;box-shadow:0 10px 32px #4824fc2e;transform:scale(1.04)}.cancel-btn{background:#282828ed;border:none;border-radius:10px;color:#ebebfa;cursor:pointer;font-size:16px;font-weight:600;opacity:.9;padding:10px 25px;transition:background .2s,transform .19s}.cancel-btn:hover{background:#272727;opacity:1;transform:scale(1.03)}@media (max-width:700px){.cropper-modal-content{min-width:20vw;padding:12px 0 7px;width:98vw}.easy-crop-container{height:60vw!important;max-width:98vw;min-height:230px;width:95vw!important}}.original-btn{background:#0000;border:1px solid #78788ccc;border-radius:10px;color:#ebebfa;cursor:pointer;font-size:16px;font-weight:600;opacity:.95;padding:10px 22px;transition:background .2s,transform .19s,border-color .2s}.original-btn:hover{background:#5975f0;border-color:#9b8cff;opacity:1;transform:scale(1.03)}.easy-crop-container{background:#181628;border-radius:16px;box-shadow:0 0 0 2px #2af2ff33;height:400px;margin-bottom:12px;max-width:76vw;overflow:hidden;width:400px}.easy-crop-inner{position:relative}.ReactCrop,.easy-crop-inner{height:100%;width:100%}.ReactCrop__crop-selection{border:2px solid #00ffffe6;border-radius:4px}.ReactCrop__rule-of-thirds-h:before,.ReactCrop__rule-of-thirds-v:before{background-color:#ffffffa6}.post-creation-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed!important;right:0;top:0;z-index:1000!important}.post-creation-backdrop{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.post-creation-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;height:85vh;max-width:1200px;overflow:hidden;position:relative;width:50%;z-index:1001}.post-sidebar{background:#f9f5ff;border-right:1px solid #ece4ff;display:flex;flex-direction:column;padding:20px 18px 16px;width:250px}.post-sidebar-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:14px}.post-sidebar-header h2{color:#111827;font-size:18px;font-weight:700;margin:0}.post-user-info-sidebar{align-items:center;display:flex;gap:12px;padding:8px 0 16px}.post-user-avatar{object-fit:cover}.post-user-avatar,.post-user-initials{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 10px #94a3b859;height:44px;width:44px}.post-user-initials{align-items:center;background:#e5ddff;color:#4b5563;display:flex;font-size:16px;font-weight:600;justify-content:center;text-transform:uppercase}.post-user-name{color:#111827;font-size:15px;font-weight:600}.post-options{display:flex;flex-direction:column;padding-bottom:8px;padding-top:4px}.post-option-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 0 14px;position:relative;transition:background .15s ease}.post-option-btn:hover{background:#00000008}.post-option-btn:not(:last-child):after{background:#ece4ff;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.post-option-btn .option-icon{align-items:center;background:#b096ee;border-radius:999px;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.post-option-btn .option-text{display:flex;flex-direction:column}.post-option-btn .option-title{color:#111827;font-size:14px;font-weight:600}.post-option-btn .option-subtitle{color:#9ca3af;font-size:11px}.aspect-ratio-section{margin-top:6px;padding-top:10px}.aspect-ratio-title{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:8px}.aspect-ratio-options{display:flex;gap:8px}.aspect-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:32px}.aspect-btn span{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:block;height:14px;width:18px}.aspect-btn.active{background:#f3e8ff}.aspect-btn.active,.aspect-btn.active span{border-color:#a855f7}.location-section{margin-top:16px}.location-label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:6px}.location-input-wrapper{position:relative}.location-input{background:#f9f5ff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:13px;outline:none;padding:8px 10px 8px 30px}.location-input:focus{border-color:#a855f7}.location-input-icon{color:#a855f7;font-size:14px;left:9px;position:absolute;top:50%;transform:translateY(-50%)}.post-creation-modal ::-webkit-scrollbar{height:8px;width:8px}.post-creation-modal ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.post-creation-modal ::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.post-creation-modal ::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:1024px){.post-creation-modal{height:90vh;width:95%}}@media (max-width:768px){.post-creation-modal{border-radius:0;flex-direction:column;height:100vh;max-width:100%;width:100%}.post-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:200px;width:100%!important}.post-options{flex-direction:row!important;overflow-x:auto;overflow-y:hidden;padding:10px 15px}.post-option-btn{flex-shrink:0;min-width:140px}.aspect-ratio-selector{flex-shrink:0;min-width:220px}.post-preview-panel{flex:1 1}.post-actions{flex-direction:row;gap:8px}}@media (max-width:480px){.post-creation-overlay{padding:0}.post-sidebar-header h2{font-size:18px}.option-title{font-size:14px}.aspect-ratio-options{gap:6px}.aspect-btn{padding:8px}}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pointer-events-none{pointer-events:none}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.transition-all{transition:all .2s ease}.transition-transform{transition:transform .2s ease}.transition-opacity{transition:opacity .2s ease}.transition-colors{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#8b5cf6}button:disabled{cursor:not-allowed;opacity:.5}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.05)}.hover-shadow:hover{box-shadow:0 4px 12px #00000026}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s infinite}.gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-blue{background:linear-gradient(135deg,#0866ff,#0052cc)}.gradient-green{background:linear-gradient(135deg,#1db954,#1ed760)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.rounded-sm{border-radius:4px}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-xl{box-shadow:0 20px 25px #00000026}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}@media print{.post-creation-overlay{display:none}}@media (prefers-contrast:high){.post-creation-modal{border:2px solid #000}button{border:2px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible:focus{outline:2px solid #8b5cf6;outline-offset:2px}:root{--color-primary:#8b5cf6;--color-primary-dark:#7c3aed;--color-secondary:#0866ff;--color-success:#1db954;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--transition-fast:0.1s;--transition-base:0.2s;--transition-slow:0.3s}.event-sharing-indicator{align-items:center;animation:slideDownBadge .4s ease;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:24px;box-shadow:0 8px 24px #8b5cf673;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;left:50%;padding:10px 24px;position:absolute;top:-50px;transform:translateX(-50%);white-space:nowrap;z-index:1002}@keyframes slideDownBadge{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.event-sharing-icon{font-size:20px;line-height:1}.event-sharing-text{line-height:1.2;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=dark] .post-creation-overlay{background:#000000eb}:root[data-theme=dark] .post-creation-modal{background:#020617;border-radius:18px;box-shadow:0 24px 70px #0f172af2,0 0 0 1px #0f172a}:root[data-theme=dark] .post-creation-modal ::-webkit-scrollbar-track{background:#020617}:root[data-theme=dark] .post-creation-modal ::-webkit-scrollbar-thumb{background:#1f2937}:root[data-theme=dark] .post-creation-modal ::-webkit-scrollbar-thumb:hover{background:#4b5563}:root[data-theme=dark] .loading-spinner{border-color:#8b5cf6 #020617 #020617}:root[data-theme=dark] .post-creation-modal button{color:#e5e7eb}:root[data-theme=dark] .post-creation-modal button:disabled{background-color:#111827!important;color:#6b7280!important;opacity:.45}:root[data-theme=dark] .shadow,:root[data-theme=dark] .shadow-lg,:root[data-theme=dark] .shadow-md,:root[data-theme=dark] .shadow-sm,:root[data-theme=dark] .shadow-xl{box-shadow:0 18px 45px #0f172ae6}:root[data-theme=dark] .focus-visible:focus{outline-color:#a855f7}.pcm-right-panel{background:#f8f5fe;display:flex;flex:1 1;flex-direction:column;padding:18px 18px 16px}.pcm-right-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:10px}.pcm-right-title{color:#111827;font-size:16px;font-weight:700;margin:0}.pcm-right-back{background:#0000;border:none;color:#6b7280;cursor:pointer;font-weight:600}.pcm-right-body{flex:1 1;overflow:auto;padding:16px 2px}.pcm-location-hint{color:#9ca3af;font-size:12px;margin-top:10px}.pcm-right-footer{display:flex;gap:12px;padding-top:12px}.pcm-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-weight:700;height:44px;padding:0 18px}.pcm-btn-ghost{background:#e5e7eb;color:#111827}.pcm-btn-primary{background:#8b5cf6;color:#fff}.location-open-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:.15s;width:100%}.location-open-btn.active,.location-open-btn:hover{background:#f3e8ff;border-color:#a855f7}.location-open-btn-icon{color:#8b5cf6;display:flex}.location-open-btn-text{color:#111827;font-size:13px;font-weight:700}.pcm-right-header-left{align-items:center;display:flex;gap:10px}.pcm-right-icon-btn{align-items:center;background:#fff;border:1px solid #8b5cf640;border-radius:999px;color:#7c3aed;cursor:pointer;display:flex;height:36px;justify-content:center;transition:.15s ease;width:36px}.pcm-right-icon-btn:hover{background:#f3e8ff;border-color:#8b5cf673;transform:translateY(-1px)}.pcm-right-close-btn{align-items:center;background:#e5e7eb;border:none;border-radius:999px;color:#111827;cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;line-height:1;transition:.15s ease;width:34px}.pcm-right-close-btn:hover{background:#d1d5db;transform:translateY(-1px)}.location-step{margin:18px 0 0;position:relative}.location-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.location-label{color:#2d2d2d;font-size:15px;font-weight:500;letter-spacing:0}.location-pin{align-items:center;display:flex;margin-left:6px}.location-input{background:#fff;border:1px solid #dadada;border-radius:7px;box-sizing:border-box;font-size:15px;padding:8px 12px;width:100%}.location-input:focus{border-color:#8b5cf6;outline:none}.location-loading{color:#8b5cf6;font-size:14px;left:10px;position:absolute;top:38px}.location-list{background:#fff;border:1px solid #ececec;border-radius:6px;list-style:none;margin:2px 0 0;max-height:160px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:30}.location-list-item{cursor:pointer;font-size:15px;padding:10px 12px}.location-list-item:hover{background:#f6f1ff;color:#8b5cf6}.main-content{margin:0 auto;max-width:700px;padding:20px;width:100%}.top-hearder{align-items:center;display:flex;gap:20px;margin-bottom:20px}.search-bar-wrapper{flex:1 1;position:relative}.search-bar{align-items:center;background:#fff;border-radius:25px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;padding:12px 20px;position:relative}.search-bar input{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.search-bar input::placeholder{color:#9ca3af}.search-clear{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;transition:all .2s;width:24px}.search-clear:hover{background:#e5e7eb;color:#111827}.search-results{animation:slideDown .2s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-loading,.search-no-results{color:#6b7280;font-size:14px;padding:24px;text-align:center}.search-result-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f9fafb}.search-result-avatar,.search-result-avatar-initials{border-radius:50%;flex-shrink:0;height:48px;width:48px}.search-result-avatar{object-fit:cover}.search-result-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center}.search-result-info{flex:1 1}.search-result-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:2px}.search-result-role{color:#6b7280;font-size:13px}@media (max-width:768px){.search-bar-wrapper{width:100%}}.create-post-btn-top{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:25px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s;white-space:nowrap}.plus-icon{background-color:#fff;border-radius:50%;color:#8b5cf6;padding:2px}.create-post-btn-top:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.stories-section{border-radius:12px;margin-bottom:20px;padding:20px}.stories-section h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 15px}.stories-container{display:flex;gap:15px;padding-bottom:5px}.stories-container::-webkit-scrollbar{height:5px}.stories-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:70px;position:relative;transition:transform .2s}.story-item:hover{transform:scale(1.04)}.story-avatar{align-items:center;background:#fff;border-radius:50%;display:flex;height:70px;justify-content:center;overflow:hidden;padding:3px;position:relative;width:70px}.story-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.story-avatar.add-story{background:#fff;color:#6b7280}.story-avatar.unviewed{border:3px solid #8b5cf6}.story-avatar.viewed{border:3px solid #d1d5db}.story-item span{color:#6b7280;font-size:12px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-count{background:#8b5cf6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:11px;font-weight:700;height:22px;justify-content:center;position:absolute;right:5px;top:0;width:22px}.feed-tabs,.story-count{align-items:center;display:flex}.feed-tabs{gap:20px;justify-content:space-between;margin-bottom:20px}.feed-only h1{color:#111827;font-size:24px;font-weight:700;margin:0}.feed-buttons{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;padding:4px}.tab-button{background:#0000;border:none;border-radius:16px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s;white-space:nowrap}.tab-button.active{background:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.tab-button:hover:not(.active){background:#f3f4f6;color:#374151}.posts-feed{display:flex;flex-direction:column;gap:20px}.loading,.no-posts{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#6b7280;font-size:15px;padding:60px 40px;text-align:center}@media (max-width:768px){.top-hearder{flex-direction:column;gap:12px}.create-post-btn-top,.search-bar{width:100%}.feed-tabs{align-items:flex-start;flex-direction:column;gap:12px}.feed-buttons{justify-content:center;width:100%}}@media (max-width:640px){.main-content,.stories-section{padding:15px}.stories-container{gap:12px}.story-item{min-width:65px}.story-avatar{height:65px;width:65px}.feed-only h1{font-size:20px}.tab-button{font-size:14px;padding:8px 20px}}.source-picker-modal{align-items:center;animation:modalFadeIn .3s ease;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.source-picker-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#111827bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1201}.source-picker-card{animation:slideUpScale .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #8b5cf626,0 10px 30px #0000001a,inset 0 1px 0 #ffffff80;display:flex;flex-direction:column;max-width:420px;overflow:hidden;padding:32px 24px;position:relative;width:90%;z-index:1210}@keyframes slideUpScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-glow{animation:rotateGlow 8s linear infinite;background:radial-gradient(circle,#8b5cf626 0,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 24px;text-align:center}.picker-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.picker-option{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #8b5cf61a;border-radius:16px;box-shadow:0 2px 8px #8b5cf60d;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.picker-option:before{background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.picker-option:hover:before{left:100%}.picker-option:hover{background:#8b5cf614;border-color:#8b5cf64d;box-shadow:0 8px 20px #8b5cf626,0 2px 8px #0000000d;transform:translateY(-2px) scale(1.01)}.picker-option:active{transform:translateY(0) scale(.98)}.option-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;height:48px;transition:all .3s;width:48px}.picker-option:hover .option-icon{box-shadow:0 6px 16px #8b5cf666;transform:rotate(-5deg) scale(1.1)}.option-text{flex:1 1;gap:4px;text-align:left}.option-title{font-size:16px;letter-spacing:-.2px}.option-subtitle{font-size:13px;font-weight:400}.option-arrow{flex-shrink:0;transition:all .3s}.picker-option:hover .option-arrow{color:#8b5cf6;transform:translateX(4px)}.picker-cancel{background:#6344ef14;border:1px solid #6944ef33;border-radius:14px;color:#8b5cf6;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px;transition:all .3s;width:100%}.picker-cancel:hover{background:#5b37ff1f;border-color:#5d28f04d;transform:translateY(-1px)}.picker-cancel:active{transform:translateY(0)}@media (max-width:480px){.source-picker-card{border-radius:20px;padding:24px 20px;width:95%}.modal-title{font-size:20px;margin-bottom:20px}.picker-option{gap:12px;padding:14px}.option-icon{height:42px;width:42px}.option-title{font-size:15px}.option-subtitle{font-size:12px}.picker-cancel{font-size:14px;padding:12px}}@media (max-width:360px){.source-picker-card{padding:20px 16px}.picker-options{gap:10px}}@media screen and (max-width:1400px){.main-content{max-width:600px}}:root[data-theme=dark] .search-bar{background:#020617;box-shadow:0 18px 45px #0f172ab3}:root[data-theme=dark] .search-bar input{color:#e5e7eb}:root[data-theme=dark] .search-bar input::placeholder{color:#9ca3af}:root[data-theme=dark] .search-clear{background:#020617;color:#9ca3af}:root[data-theme=dark] .search-clear:hover{background:#111827;color:#e5e7eb}:root[data-theme=dark] .search-results{background:#020617;border:1px solid #1f2937;box-shadow:0 24px 60px #0f172ad9}:root[data-theme=dark] .search-loading,:root[data-theme=dark] .search-no-results{color:#9ca3af}:root[data-theme=dark] .search-result-item{border-bottom-color:#111827}:root[data-theme=dark] .search-result-item:hover{background:#020617}:root[data-theme=dark] .search-result-name{color:#e5e7eb}:root[data-theme=dark] .search-result-role{color:#9ca3af}:root[data-theme=dark] .stories-section{background:#020617;box-shadow:0 18px 45px #0f172acc}:root[data-theme=dark] .stories-section h3{color:#e5e7eb}:root[data-theme=dark] .story-avatar{background:#020617}:root[data-theme=dark] .story-avatar.add-story{background:#020617;border:1px solid #fff;color:#9ca3af}:root[data-theme=dark] .story-item span{color:#9ca3af}:root[data-theme=dark] .story-count{border-color:#020617}:root[data-theme=dark] .feed-only h1{color:#e5e7eb}:root[data-theme=dark] .feed-buttons{background:#020617;box-shadow:0 18px 45px #0f172acc}:root[data-theme=dark] .tab-button{color:#9ca3af}:root[data-theme=dark] .tab-button:hover:not(.active){background:#020617;color:#e5e7eb}:root[data-theme=dark] .tab-button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 12px 30px #581c87cc;color:#fff}:root[data-theme=dark] .loading,:root[data-theme=dark] .no-posts{background:#020617;box-shadow:0 18px 45px #0f172ad9;color:#9ca3af}:root[data-theme=dark] .source-picker-backdrop{background:#0f172ae6}:root[data-theme=dark] .source-picker-card{background:#0f172af5;border-color:#374151cc;box-shadow:0 24px 70px #0f172af2,inset 0 1px 0 #94a3b84d}:root[data-theme=dark] .modal-glow{background:radial-gradient(circle,#818cf859 0,#0000 70%)}:root[data-theme=dark] .picker-option{background:#0f172ae6;border-color:#374151e6;box-shadow:0 2px 10px #0f172ae6}:root[data-theme=dark] .picker-option:hover{background:#1e40af40;border-color:#818cf8cc}:root[data-theme=dark] .option-subtitle{color:#9ca3af}:root[data-theme=dark] .option-arrow{color:#6b7280}:root[data-theme=dark] .picker-option:hover .option-arrow{color:#a5b4fc}:root[data-theme=dark] .picker-cancel{background:#2563eb1f;border-color:#3b82f699;color:#c7d2fe}:root[data-theme=dark] .picker-cancel:hover{background:#1e40af40;border-color:#818cf8e6}:root{--swal2-outline:0 0 0 3px #6496c880;--swal2-container-padding:0.625em;--swal2-backdrop:#0006;--swal2-backdrop-transition:background-color 0.15s;--swal2-width:32em;--swal2-padding:0 0 1.25em;--swal2-border:none;--swal2-border-radius:0.3125rem;--swal2-background:#fff;--swal2-color:#545454;--swal2-show-animation:swal2-show 0.3s;--swal2-hide-animation:swal2-hide 0.15s forwards;--swal2-icon-zoom:1;--swal2-icon-animations:true;--swal2-title-padding:0.8em 1em 0;--swal2-html-container-padding:1em 1.6em 0.3em;--swal2-input-border:1px solid #d9d9d9;--swal2-input-border-radius:0.1875em;--swal2-input-box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #0000;--swal2-input-background:#0000;--swal2-input-transition:border-color 0.2s,box-shadow 0.2s;--swal2-input-hover-box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #0000;--swal2-input-focus-border:1px solid #b4dbed;--swal2-input-focus-box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #6496c880;--swal2-progress-step-background:#add8e6;--swal2-validation-message-background:#f0f0f0;--swal2-validation-message-color:#666;--swal2-footer-border-color:#eee;--swal2-footer-background:#0000;--swal2-footer-color:inherit;--swal2-timer-progress-bar-background:#0000004d;--swal2-close-button-position:initial;--swal2-close-button-inset:auto;--swal2-close-button-font-size:2.5em;--swal2-close-button-color:#ccc;--swal2-close-button-transition:color 0.2s,box-shadow 0.2s;--swal2-close-button-outline:initial;--swal2-close-button-box-shadow:inset 0 0 0 3px #0000;--swal2-close-button-focus-box-shadow:inset var(--swal2-outline);--swal2-close-button-hover-transform:none;--swal2-actions-justify-content:center;--swal2-actions-width:auto;--swal2-actions-margin:1.25em auto 0;--swal2-actions-padding:0;--swal2-actions-border-radius:0;--swal2-actions-background:#0000;--swal2-action-button-transition:background-color 0.2s,box-shadow 0.2s;--swal2-action-button-hover:#000 10%;--swal2-action-button-active:#000 10%;--swal2-confirm-button-box-shadow:none;--swal2-confirm-button-border-radius:0.25em;--swal2-confirm-button-background-color:#7066e0;--swal2-confirm-button-color:#fff;--swal2-deny-button-box-shadow:none;--swal2-deny-button-border-radius:0.25em;--swal2-deny-button-background-color:#dc3741;--swal2-deny-button-color:#fff;--swal2-cancel-button-box-shadow:none;--swal2-cancel-button-border-radius:0.25em;--swal2-cancel-button-background-color:#6e7881;--swal2-cancel-button-color:#fff;--swal2-toast-show-animation:swal2-toast-show 0.5s;--swal2-toast-hide-animation:swal2-toast-hide 0.1s forwards;--swal2-toast-border:none;--swal2-toast-box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb,var(--swal2-dark-theme-black),var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb,var(--swal2-dark-theme-black),var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}@media(prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black:#19191a;--swal2-dark-theme-white:#e1e1e1;--swal2-background:var(--swal2-dark-theme-black);--swal2-color:var(--swal2-dark-theme-white);--swal2-footer-border-color:#555;--swal2-input-background:color-mix(in srgb,var(--swal2-dark-theme-black),var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background:color-mix(in srgb,var(--swal2-dark-theme-black),var(--swal2-dark-theme-white) 10%);--swal2-validation-message-color:var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background:#ffffffb3}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:#0000!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px #0006;box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{background-color:#0000;box-sizing:border-box;max-width:100%;pointer-events:none;width:360px}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){-webkit-overflow-scrolling:touch;box-sizing:border-box;display:grid;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto);grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;inset:0;overflow-x:hidden;padding:.625em;padding:var(--swal2-container-padding);position:fixed;transition:background-color .15s;transition:var(--swal2-backdrop-transition);z-index:1060}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:#0006;background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:#0000!important}div:where(.swal2-container).swal2-bottom-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-top-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-bottom,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-top{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-bottom-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-top-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-left>.swal2-popup,div:where(.swal2-container).swal2-center-start>.swal2-popup{align-self:center;grid-row:2}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-left>.swal2-popup,div:where(.swal2-container).swal2-bottom-start>.swal2-popup{align-self:end;grid-column:1;grid-row:3}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup,div:where(.swal2-container).swal2-grow-row>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{align-self:stretch;grid-row:1/4}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{border:0;width:auto}div:where(.swal2-container) div:where(.swal2-popup){background:#fff;background:var(--swal2-background);border:none;border:var(--swal2-border);border-radius:.3125rem;border-radius:var(--swal2-border-radius);box-sizing:border-box;color:#545454;color:var(--swal2-color);container-name:swal2-popup;display:none;font-family:inherit;font-size:1rem;grid-template-columns:minmax(0,100%);max-width:100%;padding:0 0 1.25em;padding:var(--swal2-padding);position:relative;width:32em;width:var(--swal2-width)}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){color:inherit;cursor:auto;font-size:1.875em;font-weight:600;margin:0;max-width:100%;overflow-wrap:break-word;padding:.8em 1em 0;padding:var(--swal2-title-padding);position:relative;text-align:center;text-transform:none}div:where(.swal2-container) div:where(.swal2-actions){align-items:center;background:#0000;background:var(--swal2-actions-background);border-radius:0;border-radius:var(--swal2-actions-border-radius);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;justify-content:var(--swal2-actions-justify-content);margin:1.25em auto 0;margin:var(--swal2-actions-margin);padding:0;padding:var(--swal2-actions-padding);width:auto;width:var(--swal2-actions-width);z-index:1}div:where(.swal2-container) div:where(.swal2-loader){align-items:center;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-color:#2778c4 #0000;border-radius:100%;border-style:solid;border-width:.25em;display:none;height:2.2em;justify-content:center;margin:0 1.875em;width:2.2em}div:where(.swal2-container) button:where(.swal2-styled){border:none;box-shadow:0 0 0 3px #0000;font-weight:500;margin:.3125em;padding:.625em 1.1em;transition:background-color .2s,box-shadow .2s;transition:var(--swal2-action-button-transition)}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;background-color:#7066e0;background-color:var(--swal2-confirm-button-background-color);border-radius:.25em;border-radius:var(--swal2-confirm-button-border-radius);box-shadow:none;box-shadow:var(--swal2-confirm-button-box-shadow);color:#fff;color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb,#7066e0,#000 10%);background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb,#7066e0,#000 10%);background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;background-color:#dc3741;background-color:var(--swal2-deny-button-background-color);border-radius:.25em;border-radius:var(--swal2-deny-button-border-radius);box-shadow:none;box-shadow:var(--swal2-deny-button-box-shadow);color:#fff;color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb,#dc3741,#000 10%);background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb,#dc3741,#000 10%);background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;background-color:#6e7881;background-color:var(--swal2-cancel-button-background-color);border-radius:.25em;border-radius:var(--swal2-cancel-button-border-radius);box-shadow:none;box-shadow:var(--swal2-cancel-button-box-shadow);color:#fff;color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb,#6e7881,#000 10%);background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb,#6e7881,#000 10%);background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{box-shadow:var(--swal2-action-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){background:#0000;background:var(--swal2-footer-background);border-top:1px solid #eee;border-top:1px solid var(--swal2-footer-border-color);color:inherit;color:var(--swal2-footer-color);cursor:auto;font-size:1em;margin:1em 0 0;padding:1em 1em 0;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{border-bottom-left-radius:.3125rem;border-bottom-left-radius:var(--swal2-border-radius);border-bottom-right-radius:.3125rem;border-bottom-right-radius:var(--swal2-border-radius);bottom:0;grid-column:auto!important;left:0;overflow:hidden;position:absolute;right:0}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){background:#0000004d;background:var(--swal2-timer-progress-bar-background);height:.25em;width:100%}div:where(.swal2-container) img:where(.swal2-image){cursor:auto;margin:2em auto 1em;max-width:100%}div:where(.swal2-container) button:where(.swal2-close){align-items:center;background:#0000;border:none;border-radius:.3125rem;border-radius:var(--swal2-border-radius);color:#ccc;color:var(--swal2-close-button-color);cursor:pointer;font-family:monospace;font-size:2.5em;font-size:var(--swal2-close-button-font-size);height:1.2em;inset:auto;inset:var(--swal2-close-button-inset);justify-content:center;justify-self:end;margin-bottom:-1.2em;margin-right:0;margin-top:0;outline:initial;outline:var(--swal2-close-button-outline);overflow:hidden;padding:0;position:static;position:var(--swal2-close-button-position);transition:color .2s,box-shadow .2s;transition:var(--swal2-close-button-transition);width:1.2em;z-index:2}div:where(.swal2-container) button:where(.swal2-close):hover{background:#0000;color:#f27474;transform:none;transform:var(--swal2-close-button-hover-transform)}div:where(.swal2-container) button:where(.swal2-close):focus-visible{box-shadow:inset 0 0 0 3px #6496c880;box-shadow:var(--swal2-close-button-focus-box-shadow);outline:none}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){color:inherit;cursor:auto;font-size:1.125em;font-weight:400;justify-content:center;line-height:normal;margin:0;overflow:auto;overflow-wrap:break-word;padding:1em 1.6em .3em;padding:var(--swal2-html-container-padding);text-align:center;word-break:break-word;z-index:1}div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) label:where(.swal2-checkbox),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) textarea:where(.swal2-textarea){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) textarea:where(.swal2-textarea){background:#0000;background:var(--swal2-input-background);border:1px solid #d9d9d9;border:var(--swal2-input-border);border-radius:.1875em;border-radius:var(--swal2-input-border-radius);box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #0000;box-shadow:var(--swal2-input-box-shadow);box-sizing:border-box;color:inherit;font-size:1.125em;transition:border-color .2s,box-shadow .2s;transition:var(--swal2-input-transition);width:auto}div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #0000;box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;border:var(--swal2-input-focus-border);box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #6496c880;box-shadow:var(--swal2-input-focus-box-shadow);outline:none}div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{background:#fff;background:var(--swal2-background);margin:1em 2em 3px}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{color:inherit;font-weight:600;text-align:center;width:20%}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{font-size:1.125em;height:2.625em;line-height:2.625em;padding:0}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{background:#0000;background:var(--swal2-input-background);font-size:1.125em;margin-left:auto;margin-right:auto;width:75%}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{background:#0000;background:var(--swal2-input-background);color:inherit;font-size:1.125em;max-width:100%;min-width:50%;padding:.375em .625em}div:where(.swal2-container) .swal2-checkbox,div:where(.swal2-container) .swal2-radio{align-items:center;background:#fff;background:var(--swal2-background);color:inherit;justify-content:center}div:where(.swal2-container) .swal2-checkbox label,div:where(.swal2-container) .swal2-radio label{font-size:1.125em;margin:0 .6em}div:where(.swal2-container) .swal2-checkbox input,div:where(.swal2-container) .swal2-radio input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;background:#f0f0f0;background:var(--swal2-validation-message-background);color:#666;color:var(--swal2-validation-message-color);font-size:1em;font-weight:300;justify-content:center;margin:1em 0 0;overflow:hidden;padding:.625em}div:where(.swal2-container) div:where(.swal2-validation-message):before{background-color:#f27474;border-radius:50%;color:#fff;content:"!";display:inline-block;font-weight:600;height:1.5em;line-height:1.5em;margin:0 .625em;min-width:1.5em;text-align:center;width:1.5em}div:where(.swal2-container) .swal2-progress-steps{align-items:center;background:#0000;flex-wrap:wrap;font-weight:600;margin:1.25em auto;max-width:100%;padding:0}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{background:#2778c4;border-radius:2em;color:#fff;flex-shrink:0;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6;background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{background:#2778c4;flex-shrink:0;height:.4em;margin:0 -1px;width:2.5em;z-index:10}div:where(.swal2-icon){zoom:1;zoom:var(--swal2-icon-zoom);border:.25em solid #000;border-radius:50%;box-sizing:initial;cursor:default;font-family:inherit;height:5em;justify-content:center;line-height:5em;margin:2.5em auto .6em;position:relative;-webkit-user-select:none;user-select:none;width:5em}div:where(.swal2-icon) .swal2-icon-content{align-items:center;display:flex;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{flex-grow:1;position:relative}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{background-color:#f27474;border-radius:.125em;display:block;height:.3125em;position:absolute;top:2.3125em;width:2.9375em}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{border-radius:50%;height:7.5em;position:absolute;width:3.75em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{border-radius:7.5em 0 0 7.5em;left:-2.0635em;top:-.4375em;transform:rotate(-45deg);transform-origin:3.75em 3.75em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{border-radius:0 7.5em 7.5em 0;left:1.875em;top:-.6875em;transform:rotate(-45deg);transform-origin:0 3.75em}div:where(.swal2-icon).swal2-success .swal2-success-ring{border:.25em solid #a5dc864d;border-radius:50%;box-sizing:initial;height:100%;left:-.25em;position:absolute;top:-.25em;width:100%;z-index:2}div:where(.swal2-icon).swal2-success .swal2-success-fix{height:5.625em;left:1.625em;position:absolute;top:.5em;transform:rotate(-45deg);width:.4375em;z-index:1}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{background-color:#a5dc86;border-radius:.125em;display:block;height:.3125em;position:absolute;z-index:2}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{left:.8125em;top:2.875em;transform:rotate(45deg);width:1.5625em}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{right:.5em;top:2.375em;transform:rotate(-45deg);width:2.9375em}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s;animation:var(--swal2-show-animation)}.swal2-hide{animation:swal2-hide .15s forwards;animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-9999px;width:50px}.swal2-rtl .swal2-close{margin-left:0;margin-right:0}.swal2-rtl .swal2-timer-progress-bar{left:auto;right:0}.swal2-toast{background:#fff;background:var(--swal2-background);border:none;border:var(--swal2-toast-border);box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);box-shadow:var(--swal2-toast-box-shadow);box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;overflow-y:hidden;padding:1em;pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){font-size:1em;margin:.5em 1em;padding:0;text-align:left;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){font-size:1em;height:2em;margin:.5em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){font-size:.8em;margin:.5em 0 0;padding:.5em 0 0}.swal2-toast button:where(.swal2-close){align-self:center;font-size:2em;grid-column:3/3;grid-row:1/99;height:.8em;margin:0;width:.8em}.swal2-toast div:where(.swal2-html-container){font-size:1em;margin:.5em 1em;overflow:visible;overflow:initial;padding:0;text-align:left;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{margin:.25em}.swal2-toast .swal2-icon,.swal2-toast .swal2-loader{align-self:center;grid-column:1;grid-row:1/99;height:2em;width:2em}.swal2-toast .swal2-icon{margin:0 .5em 0 0;min-width:2em}.swal2-toast .swal2-icon .swal2-icon-content{align-items:center;display:flex;font-size:1.8em;font-weight:700}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{height:2em;width:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){height:auto;justify-content:flex-start;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){font-size:1em;margin:.25em .5em;padding:.4em .6em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{border-radius:50%;height:3em;position:absolute;width:1.6em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{border-radius:4em 0 0 4em;left:-.5em;top:-.8em;transform:rotate(-45deg);transform-origin:2em 2em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{border-radius:0 4em 4em 0;left:.9375em;top:-.25em;transform-origin:0 1.5em}.swal2-toast .swal2-success .swal2-success-ring{height:2em;width:2em}.swal2-toast .swal2-success .swal2-success-fix{height:2.6875em;left:.4375em;top:0;width:.4375em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{left:.1875em;top:1.125em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{right:.1875em;top:.9375em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:swal2-toast-show .5s;animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards;animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{opacity:0;transform:translate3d(0,-50px,0) scale(.9)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes swal2-hide{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-50px,0) scale(.9)}}@keyframes swal2-animate-success-line-tip{0%{left:.0625em;top:1.1875em;width:0}54%{left:.125em;top:1.0625em;width:0}70%{left:-.375em;top:2.1875em;width:3.125em}84%{left:1.3125em;top:3em;width:1.0625em}to{left:.8125em;top:2.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{right:2.875em;top:3.375em;width:0}65%{right:2.875em;top:3.375em;width:0}84%{right:0;top:2.1875em;width:3.4375em}to{right:.5em;top:2.375em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;opacity:0;transform:scale(.4)}50%{margin-top:1.625em;opacity:0;transform:scale(.4)}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;opacity:1;transform:scale(1)}}@keyframes swal2-animate-error-icon{0%{opacity:0;transform:rotateX(100deg)}to{opacity:1;transform:rotateX(0deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-1turn)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{opacity:0;transform:rotate(45deg)}25%{opacity:.4;transform:rotate(-25deg)}50%{opacity:.8;transform:rotate(15deg)}75%{opacity:1;transform:rotate(-5deg)}to{opacity:1;transform:rotateX(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotate(2deg)}33%{transform:translateY(0) rotate(-2deg)}66%{transform:translateY(.3125em) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes swal2-toast-hide{to{opacity:0;transform:rotate(1deg)}}@keyframes swal2-toast-animate-success-line-tip{0%{left:.0625em;top:.5625em;width:0}54%{left:.125em;top:.125em;width:0}70%{left:-.25em;top:.625em;width:1.625em}84%{left:.75em;top:1.0625em;width:.5em}to{left:.1875em;top:1.125em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{right:1.375em;top:1.625em;width:0}65%{right:.9375em;top:1.25em;width:0}84%{right:0;top:.9375em;width:1.125em}to{right:.1875em;top:.9375em;width:1.375em}}.fi-right-sidebar{background:linear-gradient(to right,#f8fffe 0,var(--bg-secondary) 50%,var(--bg-main) 100%);height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;right:0;top:64px;width:380px;z-index:3}.fi-right-sidebar:after{background:radial-gradient(950px 980px at 10% 20%,#89deff1f,#0000 32%),radial-gradient(1150px 420px at 86% 72%,#c8e6ff1f,#0000 32%),linear-gradient(180deg,#fff0f799,#f7f0fb59 40%,#f0faff00);content:"";filter:blur(44px);height:420px;left:-6%;pointer-events:none;position:absolute;right:-6%;top:10px;transform:translateZ(0);will-change:transform;z-index:-1}.fi-family-members-card,.fi-requests-card,.fi-suggestions-card{border-radius:12px;margin-bottom:20px;padding:20px}.fi-card-header{align-items:center;display:flex;gap:20px;margin-bottom:15px}.fi-request-avatar-initials{align-items:center;background:#915afd;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.fi-card-header h3,.fi-family-members-card h3,.fi-suggestions-card h3{color:#111827;font-size:16px;font-weight:700;margin:0}.fi-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:3px 10px}.fi-request-list,.fi-suggestion-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.fi-request-item,.fi-suggestion-item{align-items:center;display:flex;gap:12px}.fi-request-item img,.fi-suggestion-item img{border-radius:50%;height:45px;object-fit:cover;width:45px}.fi-suggestion-avatar-initials{font-size:16px;height:45px;width:45px}.fi-request-info,.fi-suggestion-info{flex:1 1;min-width:0}.fi-request-info h4,.fi-suggestion-info h4{color:#111827;cursor:pointer;font-size:14px;font-weight:600;margin:0 0 3px}.fi-request-info p,.fi-suggestion-info p{color:#9ca3af;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-request-info small{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.fi-request-actions{display:flex;gap:8px;margin-top:10px}.fi-btn-accept,.fi-btn-decline{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;transition:all .2s}.fi-btn-accept{background:#0000;color:#8b5cf6}.fi-btn-accept:hover{color:#4409aa}.fi-btn-decline{background:#f3f4f6;color:#6b7280}.fi-btn-decline:hover{color:#1f1f1f}.fi-btn-add-friend{background:#f3f4f6;border:none;border-radius:8px;color:#8b5cf6;cursor:pointer;padding:8px;transition:all .2s}.fi-btn-add-friend:hover{background:#ede9fe}.fi-members-avatars{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:15px}.fi-member-avatar-small{border:2px solid #fff;border-radius:50%;height:35px;margin-left:-8px;object-fit:cover;width:35px}.fi-member-avatar-small:first-child{margin-left:0}.fi-family-members-card{text-align:center}.fi-family-members-card h3{font-size:16px;margin:0 0 5px}.fi-family-members-card p{color:#6b7280;font-size:13px;margin:0}.fi-member-avatar-initials-small{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center}.fi-footer-links{display:flex;flex-direction:column;gap:10px;padding:15px 0}.fi-footer-links a{color:#6b7280;font-size:13px;text-decoration:none;transition:color .2s}.fi-footer-links a:hover{color:#8b5cf6}@media (max-width:1024px){.fi-right-sidebar{border-left:none;height:auto;position:static;width:100%}}@media (max-width:640px){.fi-right-sidebar{padding:15px}}@media screen and (max-width:1600px){.fi-right-sidebar{width:300px}}.fi-send-request-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;padding:15px;transition:transform .2s;width:100%}.fi-send-request-btn:hover{transform:translateY(-2px)}.fi-send-request-btn svg{flex-shrink:0}.fi-suggestions-loading{color:#9ca3af;padding:20px;text-align:center}.fi-suggestions-loading p{font-size:14px;margin:0}.fi-no-suggestions{color:#6b7280;padding:30px 20px;text-align:center}.fi-no-suggestions p{font-size:14px;margin:5px 0}.fi-no-suggestions p:first-child{color:#4b5563;font-weight:600}.fi-suggestion-avatar-img{border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.fi-suggestion-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.fi-active-p{text-align:center}.fi-request-info:hover h4,.fi-suggestion-info:hover h4{color:#7c3aed}.fi-request-info,.fi-suggestion-info{transition:all .2s ease}:root[data-theme=dark] .fi-right-sidebar{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%);border-left-color:#111827;color:#e5e7eb}:root[data-theme=dark] .fi-right-sidebar h1,:root[data-theme=dark] .fi-right-sidebar h2,:root[data-theme=dark] .fi-right-sidebar h3,:root[data-theme=dark] .fi-right-sidebar h4,:root[data-theme=dark] .fi-right-sidebar p,:root[data-theme=dark] .fi-right-sidebar span{color:#e5e7eb}:root[data-theme=dark] .fi-family-members-card,:root[data-theme=dark] .fi-requests-card,:root[data-theme=dark] .fi-suggestions-card{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%);border:1px solid #111827;box-shadow:0 18px 45px #0f172ab3}:root[data-theme=dark] .fi-card-header h3,:root[data-theme=dark] .fi-family-members-card h3,:root[data-theme=dark] .fi-suggestions-card h3{color:#f9fafb}:root[data-theme=dark] .fi-badge{background:#ef4444;color:#fff}:root[data-theme=dark] .fi-request-info h4,:root[data-theme=dark] .fi-suggestion-info h4{color:#e5e7eb}:root[data-theme=dark] .fi-family-members-card p,:root[data-theme=dark] .fi-request-info p,:root[data-theme=dark] .fi-request-info small,:root[data-theme=dark] .fi-suggestion-info p{color:#9ca3af}:root[data-theme=dark] .fi-btn-accept{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}:root[data-theme=dark] .fi-btn-accept:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}:root[data-theme=dark] .fi-btn-decline{background:#020617;border:1px solid #374151;color:#e5e7eb}:root[data-theme=dark] .fi-btn-decline:hover{background:#111827;border-color:#4b5563}:root[data-theme=dark] .fi-btn-add-friend{background:#020617;border:1px solid #4f46e5;color:#a5b4fc}:root[data-theme=dark] .fi-btn-add-friend:hover{background:#111827;color:#c7d2fe}:root[data-theme=dark] .fi-send-request-btn{box-shadow:0 12px 30px #0f172ae6}:root[data-theme=dark] .fi-footer-links a{color:#9ca3af}:root[data-theme=dark] .fi-footer-links a:hover{color:#c4b5fd}:root[data-theme=dark] .fi-no-suggestions,:root[data-theme=dark] .fi-suggestions-loading,:root[data-theme=dark] .fi-suggestions-loading p{color:#9ca3af}:root[data-theme=dark] .fi-no-suggestions p:first-child{color:#e5e7eb}:root[data-theme=dark] .fi-request-info:hover h4,:root[data-theme=dark] .fi-suggestion-info:hover h4{color:#c4b5fd}:root[data-theme=dark] .fi-right-sidebar:after{display:none}.story-creation-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.story-creation-backdrop{inset:0;position:absolute}.story-creation-modal{animation:slideUp .3s ease;background:#f9f8ff;border-radius:18px;box-shadow:0 20px 60px #00000080;display:flex;gap:32px;height:85vh;max-width:1200px;overflow:hidden;padding:24px 28px 20px;position:relative;width:59%}.story-sidebar{background:#0000;border:none;display:flex;flex-direction:column;padding:0 0 18px 4px;width:260px}.story-sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:4px 0 14px 14px}.story-sidebar-header h2{color:#111827;font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;background:#e5e7eb;border:none;border-radius:999px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:16px;transition:all .2s;width:32px}.close-btn:hover{background:#d1d5db;color:#111827}.story-user-info-sidebar{align-items:center;display:flex;gap:12px;padding:14px 14px 16px}.user-avatar-sidebar{object-fit:cover}.user-avatar-fallback,.user-avatar-sidebar{border:2px solid #e5e7eb;border-radius:50%;height:48px;width:48px}.user-avatar-fallback{align-items:center;background:#e5e7eb;display:flex;justify-content:center;text-transform:uppercase}.user-avatar-fallback,.user-name-sidebar{color:#111827;font-size:16px;font-weight:600}.story-options{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:14px 14px 0}.story-option-btn{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;gap:12px;padding:10px 0;transition:background .15s ease}.story-option-btn:hover{background:#00000008}.story-option-btn{padding-bottom:14px;position:relative}.story-option-btn:not(:last-child):after{background:#e5e7eb;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.option-icon{align-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-radius:999px;color:#8b5cf6;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.option-text{display:flex;flex-direction:column}.option-title{color:#111827;font-size:15px}.option-subtitle{color:#6b7280;font-size:12px}.story-preview-panel{display:flex;flex:1 1;flex-direction:column}.story-preview-header{align-items:center;display:flex;justify-content:space-between;padding:4px 4px 16px}.story-preview-header h3{color:#111827;display:flex;font-size:18px;font-weight:700;justify-content:flex-end;margin:0}.story-preview-content{flex:1 1;position:relative}.story-image-preview,.story-preview-content{align-items:center;display:flex;justify-content:center}.story-image-preview{background:#0000;box-shadow:none;height:auto;max-width:520px;padding:0}.story-image-preview img{object-fit:cover}.story-image-preview img,.story-video-preview{border-radius:18px;box-shadow:none;max-height:100%;width:100%}.story-preview-content{padding:10px 40px 0}.story-image-preview{max-width:100%;width:100%}.story-image-preview img,.story-video-preview{max-height:420px;max-width:800px;object-fit:cover;width:125%}.story-placeholder{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:18px;cursor:pointer;display:flex;height:320px;justify-content:center;max-width:520px;width:100%}.upload-prompt{color:#4b5563;text-align:center}.upload-prompt svg{color:#8b5cf6;margin-bottom:16px}.upload-prompt p{color:#9ca3af;font-size:16px}.caption-overlay{bottom:18px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.caption-input{background:#000000b3;border:2px solid #fff;border-radius:12px;color:#fff;font-size:16px;min-height:60px;outline:none;padding:12px;resize:none;width:100%}.caption-input::placeholder{color:#fff9}.story-actions{display:flex;gap:12px;padding-top:18px}.discard-btn{background:#9f9f9f;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.discard-btn:hover{background:#9333ea}.share-story-btn{background:#a855f7;border:1px solid #e5e7eb;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.share-story-btn:hover:not(:disabled){border-color:#8b5cf6;box-shadow:0 6px 20px #94a3b866}.share-story-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.story-creation-modal{flex-direction:column;height:90vh;padding:18px 16px 16px;width:95%}.story-sidebar{width:100%}.story-options{flex-direction:row;overflow-x:auto;padding-bottom:10px}.story-option-btn{min-width:120px;padding-inline:10px}.story-actions{flex-direction:column}}.story-filerobot-editor-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}.story-filerobot-editor-backdrop{background:#0000008c;inset:0;position:absolute;z-index:1}.story-filerobot-editor-modal{align-items:center;background:#0000;display:flex;height:68vh;justify-content:center;max-width:60vw;position:relative;z-index:2}.music-picker-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.music-picker-backdrop{background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.music-picker-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;position:relative;width:500px}.music-picker-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.music-picker-header h3{font-size:20px;font-weight:600;margin:0}.music-picker-header button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px}.music-search-bar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.music-search-bar input{border:none;flex:1 1;font-size:14px;outline:none}.music-list{flex:1 1;overflow-y:auto;padding:10px}.music-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .3s ease}.music-item:hover{background:#f5f5f5;transform:translateX(5px)}.track-album-art{border-radius:4px;height:50px;object-fit:cover;width:50px}.track-info{flex:1 1;min-width:0}.track-name{font-size:14px;font-weight:500}.track-artist,.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#666;font-size:12px}.track-actions{display:flex;gap:8px}.play-preview-btn,.select-track-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.play-preview-btn{align-items:center;background:#f0f0f0;display:flex;justify-content:center}.play-preview-btn:hover{background:#e0e0e0}.select-track-btn{background:#1db954;color:#fff;font-weight:500}.select-track-btn:hover{background:#1ed760}.music-loading,.no-music{color:#666;padding:40px 20px;text-align:center}.music-item.playing{animation:playingPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#f5f5f5,#e8f5e9 50%,#f5f5f5)}@keyframes playingPulse{0%,to{background:linear-gradient(90deg,#f5f5f5,#e8f5e9 50%,#f5f5f5)}50%{background:linear-gradient(90deg,#e8f5e9,#c8e6c9 50%,#e8f5e9)}}.play-preview-btn.playing{animation:playingBounce .6s ease-in-out infinite alternate;background:#1db954;color:#fff}@keyframes playingBounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.music-loading{align-items:center;display:flex;flex-direction:column;gap:15px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#1db954;height:40px;width:40px}.play-preview-btn.disabled,.play-preview-btn:disabled{background:#e0e0e0;cursor:not-allowed;opacity:.3}.music-preview-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:12px;bottom:20px;left:20px;padding:12px;position:absolute;right:20px}.music-info svg{flex-shrink:0}.music-details .track-name{color:#fff;font-size:14px;font-weight:600}.music-details .artist-name,.music-details .track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-details .artist-name{font-size:12px;opacity:.8}.remove-music-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:background .2s;width:28px}.remove-music-btn:hover{background:#ffffff4d}.music-play-toggle-btn{transition:transform .2s,background .2s}.music-play-toggle-btn:hover{background:#ffffff4d!important;transform:scale(1.1)}.music-play-toggle-btn:active{transform:scale(.95)}.music-preview-overlay.draggable{cursor:grab;position:absolute!important;transition:box-shadow .2s;-webkit-user-select:none;user-select:none}.music-preview-overlay.draggable:hover{box-shadow:0 4px 12px #0000004d}.music-preview-overlay.dragging{box-shadow:0 8px 20px #0006;cursor:grabbing!important;z-index:1000}.music-play-toggle-btn,.remove-music-btn{pointer-events:all;z-index:10}.story-image-preview{position:relative}.video-timeline-scrubber{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:15px 20px}.video-control-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.video-control-btn:hover{background:#e5e7eb;transform:scale(1.05)}.timeline-track{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden;position:relative}.timeline-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.timeline-progress-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .1s ease}.time-display{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:500;white-space:nowrap}@media (max-width:768px){.video-timeline-scrubber{padding:12px 15px}.time-display{font-size:11px}}.music-trimmer-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:11000}.music-trimmer-backdrop{background:#000000e6;bottom:0;left:0;position:absolute;right:0;top:0}.music-trimmer-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;position:relative;width:500px}.music-trimmer-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.music-trimmer-header h3{font-size:18px;font-weight:600;margin:0}.music-trimmer-header button{background:none;border:none;cursor:pointer;padding:8px}.done-btn{color:#0095f6!important;font-size:15px;font-weight:600}.music-trimmer-content{overflow-y:auto;padding:20px}.selected-track-info{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.track-thumb{border-radius:4px;height:50px;object-fit:cover;width:50px}.track-title{font-size:14px;font-weight:600;margin-bottom:4px}.track-subtitle{color:#666;font-size:12px}.trim-waveform-container{margin-top:20px}.waveform-track{background:#f0f0f0;border-radius:8px;height:100px;margin-bottom:15px;overflow:hidden;position:relative}.waveform-bars{align-items:center;display:flex;gap:2px;height:100%;padding:0 5px}.waveform-bar{background:linear-gradient(180deg,#8b5cf6,#a78bfa);border-radius:2px;flex:1 1;transition:opacity .1s,height .2s}.trim-selection-window{background:#8b5cf633;border:2px solid #8b5cf6;height:100%;pointer-events:none;position:absolute;top:0}.trim-handle{background:#8b5cf6;bottom:0;cursor:ew-resize;pointer-events:all;position:absolute;top:0;width:8px}.trim-handle-left{border-radius:4px 0 0 4px;left:-4px}.trim-handle-right{border-radius:0 4px 4px 0;right:-4px}.trim-slider{-webkit-appearance:none;background:#e0e0e0;border-radius:2px;height:4px;margin:15px 0;outline:none;width:100%}.trim-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#8b5cf6;border-radius:50%;cursor:pointer;height:16px;width:16px}.trim-slider::-moz-range-thumb{background:#8b5cf6;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.trim-controls{justify-content:space-between;margin:15px 0}.trim-controls,.trim-play-btn{align-items:center;display:flex}.trim-play-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.trim-play-btn:hover{background:#7c3aed}.trim-time-info{color:#666;font-size:14px;font-weight:500}.duration-selector{align-items:center;display:flex;gap:10px;margin-top:20px}.duration-selector span{color:#333;font-size:14px;font-weight:500}.duration-options{display:flex;gap:8px}.duration-btn{background:#f0f0f0;border:2px solid #0000;border-radius:20px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.duration-btn:hover{background:#e0e0e0}.duration-btn.active{background:#ede7f6;border-color:#8b5cf6;color:#8b5cf6}@media (max-width:600px){.music-trimmer-modal{border-radius:16px 16px 0 0;max-width:100%;width:100%}.trim-controls{flex-direction:column;gap:10px}}.music-info{color:#fff;gap:12px}.music-cover,.music-info{align-items:center;display:flex}.music-cover{background:#ffffff14;border-radius:12px;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.music-cover img{display:block;height:100%;object-fit:cover;width:100%}.music-cover-fallback{align-items:center;display:flex;justify-content:center}.music-cover.no-art .music-cover-fallback{display:flex}.music-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}:root[data-theme=dark] .story-creation-modal{background:#020617;box-shadow:0 24px 80px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .story-sidebar-header{border-bottom-color:#111827}:root[data-theme=dark] .story-sidebar-header h2{color:#e5e7eb}:root[data-theme=dark] .story-user-info-sidebar{border-bottom-color:#111827}:root[data-theme=dark] .user-name-sidebar{color:#e5e7eb}:root[data-theme=dark] .story-creation-modal .close-btn{background:#020617;border:1px solid #111827;color:#e5e7eb}:root[data-theme=dark] .story-creation-modal .close-btn:hover{background:#111827;color:#f9fafb}:root[data-theme=dark] .story-option-btn{color:#e5e7eb}:root[data-theme=dark] .story-option-btn:hover{background:#94a3b814}:root[data-theme=dark] .option-icon{background:#020617;color:#9ca3af}:root[data-theme=dark] .option-title,:root[data-theme=dark] .story-preview-header h3,:root[data-theme=dark] .upload-prompt{color:#e5e7eb}:root[data-theme=dark] .upload-prompt p{color:#9ca3af}:root[data-theme=dark] .caption-input{background:#0f172ae6;border-color:#e5e7eb;color:#f9fafb}:root[data-theme=dark] .caption-input::placeholder{color:#94a3b8d9}:root[data-theme=dark] .story-actions{border-top-color:#111827}:root[data-theme=dark] .discard-btn{background:#8b5cf6}:root[data-theme=dark] .discard-btn:hover{background:#7c3aed}:root[data-theme=dark] .share-story-btn{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .share-story-btn:hover:not(:disabled){border-color:#8b5cf6}:root[data-theme=dark] .story-filerobot-editor-backdrop{background:#000000bf}:root[data-theme=dark] .music-picker-modal{background:#020617;border:1px solid #111827;box-shadow:0 24px 80px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .music-picker-header{border-bottom-color:#111827}:root[data-theme=dark] .music-picker-header h3{color:#e5e7eb}:root[data-theme=dark] .music-search-bar{border-bottom-color:#111827}:root[data-theme=dark] .music-search-bar input{background:#0000;color:#e5e7eb}:root[data-theme=dark] .music-search-bar input::placeholder{color:#64748b}:root[data-theme=dark] .music-item,:root[data-theme=dark] .music-list{background:#020617}:root[data-theme=dark] .music-item:hover{background:#0f172ae6}:root[data-theme=dark] .track-name{color:#e5e7eb}:root[data-theme=dark] .track-artist{color:#9ca3af}:root[data-theme=dark] .play-preview-btn{background:#111827;color:#e5e7eb}:root[data-theme=dark] .play-preview-btn:hover{background:#1f2937}:root[data-theme=dark] .select-track-btn{background:#22c55e}:root[data-theme=dark] .select-track-btn:hover{background:#16a34a}:root[data-theme=dark] .music-loading,:root[data-theme=dark] .no-music{color:#9ca3af}:root[data-theme=dark] .music-preview-overlay{background:#0f172aeb}:root[data-theme=dark] .video-timeline-scrubber{background:#020617;border-top:1px solid #111827}:root[data-theme=dark] .video-control-btn{background:#020617;border:1px solid #111827;color:#e5e7eb}:root[data-theme=dark] .video-control-btn:hover{background:#111827}:root[data-theme=dark] .timeline-track{background:#1e293b}:root[data-theme=dark] .time-display{color:#cbd5e1}:root[data-theme=dark] .music-trimmer-modal{background:#020617;border:1px solid #111827;box-shadow:0 24px 80px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .music-trimmer-header{border-bottom-color:#111827}:root[data-theme=dark] .music-trimmer-header h3{color:#e5e7eb}:root[data-theme=dark] .done-btn{color:#38bdf8!important}:root[data-theme=dark] .music-trimmer-content{background:#020617}:root[data-theme=dark] .selected-track-info{background:#020617;border:1px solid #1f2937}:root[data-theme=dark] .track-title{color:#e5e7eb}:root[data-theme=dark] .track-subtitle{color:#9ca3af}:root[data-theme=dark] .waveform-track{background:#020617}:root[data-theme=dark] .trim-slider{background:#1f2937}:root[data-theme=dark] .trim-time-info{color:#cbd5e1}:root[data-theme=dark] .duration-selector span{color:#e5e7eb}:root[data-theme=dark] .duration-btn{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .duration-btn:hover{background:#111827}:root[data-theme=dark] .duration-btn.active{background:#818cf826;border-color:#8b5cf6;color:#c4b5fd}:root[data-theme=dark] .trim-play-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#f9fafb}:root[data-theme=dark] .music-loading .spinner{border-color:#22c55e #111827 #111827}:root[data-theme=dark] .user-avatar-fallback{background:#020617;border-color:#111827;color:#e5e7eb}:root[data-theme=dark] .story-option-btn:not(:last-child):after{background:#1f2937}.story-sticker{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:16px;box-shadow:0 8px 24px #0000002e;color:#111827;cursor:grab;max-width:80%;padding:10px 12px;z-index:12}.story-sticker:active{cursor:grabbing}.story-sticker .sticker-remove{background:#111827;box-shadow:0 8px 18px #00000040;font-size:16px;height:24px;line-height:24px;width:24px}.sticker-chip-text{font-size:14px;font-weight:600}.sticker-media{border-radius:14px;height:140px;object-fit:cover;width:140px}.sticker-question-q{font-size:14px;font-weight:800}.sticker-question{background:linear-gradient(135deg,#5f67ec,#7a5cff,#4e54c8);border-radius:18px;box-shadow:0 8px 25px #0000002e;color:#fff;padding:16px 18px;width:320px}.sticker-question-title{color:#fff;font-size:16px;font-weight:700}.sticker-question-hint{background:#ffffff38;border-radius:12px;color:#ffffffd9;margin-top:10px;padding:12px 14px}.sticker-countdown-title{font-size:14px;font-weight:800}.sticker-countdown-date{font-size:12px;margin-top:6px;opacity:.75}:root[data-theme=dark] .story-sticker{background:#111827c7;color:#e5e7eb}:root[data-theme=dark] .story-sticker .sticker-remove{background:#e5e7eb;color:#111827}.sticker-picker-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.sticker-picker-backdrop{background:#0009;inset:0;position:absolute}.sticker-picker-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px #00000059;padding:16px;position:relative;width:min(520px,92vw);z-index:1}.sticker-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sticker-picker-header h3{font-size:18px;margin:0}.sticker-picker-close{background:#0000;border:none;cursor:pointer;font-size:28px;line-height:1}.sticker-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-tile{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;font-weight:700;padding:12px;transition:transform .12s ease,background .12s ease}.sticker-tile:hover{background:#f3f4f6;transform:translateY(-1px)}.sticker-picker-footer{align-items:center;color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-top:12px}.sticker-primary-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px}:root[data-theme=dark] .sticker-picker-modal{background:#0b1220}:root[data-theme=dark] .sticker-picker-header h3{color:#e5e7eb}:root[data-theme=dark] .sticker-tile{background:#111827;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .sticker-tile:hover{background:#0f172a}:root[data-theme=dark] .sticker-picker-footer{color:#9ca3af}.gif-picker-modal{background:#fff;border-radius:18px;box-shadow:0 18px 50px #00000059;display:flex;flex-direction:column;max-height:calc(100vh - 120px);max-width:calc(100vw - 28px);overflow:hidden;position:relative;width:520px}.gif-picker-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:14px 16px}.gif-search-row{border-bottom:1px solid #0000000f;padding:12px 16px;position:relative}.gif-search-input{border:1px solid #0000001f;border-radius:14px;font-size:14px;outline:none;padding:12px 44px 12px 14px;width:100%}.gif-search-input:focus{border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed26}.gif-search-clear{background:#0000;border:none;cursor:pointer;font-size:14px;opacity:.7;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.gif-section{overflow:auto;padding:10px 16px 16px}.gif-section-title{color:#111827;font-size:13px;font-weight:800;margin:6px 0 10px}.gif-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.gif-cell{background:#111827;border:none;border-radius:12px;cursor:pointer;overflow:hidden;padding:0}.gif-cell img{display:block;height:140px;object-fit:cover;width:100%}.gif-footer-row{display:flex;justify-content:center;padding:10px 0 2px}.gif-load-more{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px}.gif-load-more:disabled{cursor:not-allowed;opacity:.5}:root[data-theme=dark] .gif-picker-modal{background:#0b1220}:root[data-theme=dark] .gif-picker-header{border-bottom-color:#ffffff14}:root[data-theme=dark] .gif-section-title{color:#e5e7eb}:root[data-theme=dark] .gif-search-row{border-bottom-color:#ffffff14}:root[data-theme=dark] .gif-search-input{background:#111827;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .gif-search-clear{color:#e5e7eb}.story-sticker{position:absolute;-webkit-user-select:none;user-select:none;z-index:20}.story-sticker-gif,.story-sticker-photo{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.story-sticker-gif .sticker-media,.story-sticker-photo .sticker-media{background:#0000;border-radius:14px;display:block;max-height:220px;max-width:220px}.story-sticker .sticker-remove{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;height:22px;position:absolute;right:-10px;top:-10px;width:22px;z-index:25}.story-sticker-question{background:#0000;background:linear-gradient(135deg,#5f67ec,#7a5cff,#4e54c8)}.ig-question-title{font-weight:700}.ig-question-input{font-weight:600}.story-sticker-countdown{background:#0000}.ig-countdown-labels{font-weight:700}.story-sticker.selected{outline:2px solid #5f67ece6;outline-offset:4px}.sticker-resize-handle{background:#5f67ecf2;border:2px solid #ffffffe6;border-radius:4px;bottom:-10px;box-shadow:0 6px 16px #00000040;cursor:nwse-resize;height:14px;position:absolute;right:-10px;width:14px}.story-viewer-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.story-viewer-container{background:#000;border-radius:12px;box-shadow:0 10px 40px #00000080;height:90vh;max-height:900px;max-width:500px;overflow:hidden;position:relative;width:100%}.story-header{background:linear-gradient(180deg,#0009,#0000);left:0;padding:15px;position:absolute;right:0;top:0;z-index:2}.progress-bars{display:flex;gap:4px;margin-bottom:15px}.progress-bar-container{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.progress-bar-fill{background:#fff;height:100%;transition:width .05s linear}.story-user-info{align-items:center;color:#fff;display:flex;gap:10px}.story-user-avatar{border:2px solid #fff;border-radius:50%;height:35px;object-fit:cover;width:35px}.story-user-name{font-size:14px;font-weight:600}.story-time{font-size:12px;margin-left:auto;opacity:.8}.story-close-btn{background:none;border:none;cursor:pointer;padding:5px;position:absolute;right:15px;top:15px;z-index:3}.story-content{align-items:center;display:flex;height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.story-nav-left,.story-nav-right{bottom:0;cursor:pointer;position:absolute;top:0;width:30%;z-index:1}.story-nav-left{left:0}.story-nav-right{right:0}.story-image{height:100%;object-fit:contain;width:100%}.story-caption{bottom:80px;color:#fff;font-size:15px;left:20px;line-height:1.4;position:absolute;right:20px;text-shadow:0 1px 3px #000c;z-index:2}.story-footer{background:linear-gradient(0deg,#0009,#0000);bottom:0;justify-content:space-between;left:0;padding:20px;position:absolute;right:0;z-index:2}.story-footer,.story-views{align-items:center;display:flex}.story-views{background:#0000004d;border-radius:20px;color:#fff;font-size:14px;gap:8px;padding:10px 16px;transition:background .2s}.story-views:hover{background:#00000080}.story-menu-btn-bottom{align-items:center;background:#0000004d;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;padding:10px;transition:background .2s;width:44px}.story-menu-btn-bottom:hover{background:#00000080}.story-menu-dropdown-bottom{animation:slideUp .2s ease;background:#fff;border-radius:12px;bottom:80px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:8px;position:absolute;right:20px;z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.story-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#262626;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;transition:background .2s;width:100%}.story-menu-item:hover{background:#f0f0f0}.story-menu-item.delete{color:#ed4956}.story-menu-item.delete:hover{background:#fff0f1}.story-menu-item:disabled{cursor:not-allowed;opacity:.5}.story-menu-item svg{stroke:currentColor}@media (max-width:640px){.story-viewer-container{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.story-menu-dropdown-bottom{bottom:75px;right:15px}}.story-caption-owner{background:#00000073;border-radius:10px;cursor:text;padding:8px 10px}.story-caption-owner:hover{background:#0009}.story-caption-edit{bottom:80px;display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;right:20px;z-index:25}.story-caption-input{background:#000000b3;border:1px solid #fff6;border-radius:12px;box-sizing:border-box;color:#fff;font-size:14px;line-height:1.4;max-height:120px;min-height:60px;outline:none;padding:10px 12px;resize:vertical;width:100%}.story-caption-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf6b3}.story-caption-actions{display:flex;gap:8px;justify-content:flex-end}.story-caption-btn{border:none;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.story-caption-btn.cancel{background:#ffffff1f;color:#e5e7eb}.story-caption-btn.save{background:#8b5cf6;color:#fff}.story-caption-btn:disabled{cursor:not-allowed;opacity:.5}.viewers-modal{animation:slideUpModal .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border-radius:20px 20px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:60vh;position:absolute;right:0;z-index:10}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.viewers-header{align-items:center;border-bottom:1px solid #ffffff21;display:flex;justify-content:space-between;padding:20px}.viewers-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.viewers-header button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;transition:color .2s}.viewers-header button:hover{color:#d1d5db}.viewers-list{flex:1 1;overflow-y:auto;padding:10px 0}.viewers-list::-webkit-scrollbar{width:6px}.viewers-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.viewers-empty,.viewers-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.viewer-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background .2s}.viewer-avatar{border:2px solid #f3f4f6;border-radius:50%;height:44px;object-fit:cover;width:44px}.viewer-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.viewer-name{color:#fff;font-size:15px;font-weight:600}.viewer-time{color:#d1d5db;font-size:13px}@media (max-width:640px){.viewers-modal{max-height:70vh}.viewer-item{padding:10px 16px}.viewer-avatar{height:40px;width:40px}.viewer-name{font-size:14px}.viewer-time{font-size:12px}}.story-user-avatar-dummy{border:2px solid #fff;border-radius:50%;font-size:14px;height:35px;width:35px}.story-user-avatar-dummy,.viewer-avatar-dummy{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:700;justify-content:center;text-transform:uppercase}.viewer-avatar-dummy{border:2px solid #f3f4f6;border-radius:50%;flex-shrink:0;font-size:16px;height:44px;width:44px}@media (max-width:640px){.viewer-avatar-dummy{font-size:14px;height:40px;width:40px}}.swal2-container{z-index:20000!important}.modal-comments-scroll{margin-bottom:10px;max-height:28vh;overflow-y:auto}.modal-comment-item{align-items:flex-start;display:flex;gap:8px;padding:8px 18px}.modal-comment-user{color:#fff;font-weight:600}.modal-comment-text{color:#f2f2f2;margin-top:2px}.story-music-display{animation:slideInFromTop .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:8px;gap:12px;left:15px;max-width:300px;padding:10px 12px;position:absolute;right:15px;top:80px;z-index:20}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.music-icon-animated{animation:musicPulse 1.5s ease-in-out infinite;background:#fff3;border-radius:50%;height:32px;width:32px}@keyframes musicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.music-info-text{flex:1 1;min-width:0;overflow:hidden}.music-track-name{color:#fff;font-size:14px;margin-bottom:2px}.music-artist-name{color:#fffc;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-duration-badge{background:#fff3;border-radius:10px;display:inline-block;font-weight:600;margin-left:8px;padding:2px 8px}.story-comment-modal{align-items:flex-end;animation:modalFadeIn .3s ease;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.comment-modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;height:100%;left:0;position:absolute;top:0;width:100%}.comment-input-container{animation:slideUpComment .3s cubic-bezier(.16,1,.3,1);background:#0000;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #00000080;margin:0 auto;max-width:500px;overflow:hidden;padding:0;position:relative;width:100%}@keyframes slideUpComment{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.emoji-quick-select{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-around;padding:16px 24px 12px}.emoji-btn{cursor:pointer;filter:grayscale(.1);font-size:36px;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.emoji-btn:hover{filter:grayscale(0);transform:scale(1.18)}.emoji-btn:active{transform:scale(1.05)}.comment-input-section{box-sizing:border-box;padding:20px 24px 24px;width:100%}.comment-user-info{align-items:center;display:flex;gap:12px;margin-bottom:16px}.comment-user-avatar{border:2px solid #ffffff1a;border-radius:50%;height:40px;object-fit:cover;width:40px}.comment-user-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;width:40px}.comment-user-name{color:#fff;font-size:15px;font-weight:600}.comment-form{display:flex;flex-direction:column;gap:16px;width:100%}.comment-input-wrapper{position:relative;width:100%}.comment-textarea{background:#ffffff14;border:2px solid #ffffff1a;border-radius:16px;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;max-height:200px;min-height:80px;outline:none;padding:16px 16px 30px;resize:vertical;transition:all .3s ease;width:100%}.comment-textarea::placeholder{color:#fff6}.comment-textarea:focus{background:#ffffff1f;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.comment-textarea:disabled{cursor:not-allowed;opacity:.5}.comment-char-count{bottom:10px;color:#fff6;font-size:12px;font-weight:500;position:absolute;right:16px}.comment-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 4px;width:100%}.comment-cancel-btn,.comment-submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.comment-cancel-btn{background:#ffffff14;color:#ffffffb3}.comment-cancel-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.comment-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.comment-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.comment-spinner{animation:spin .8s linear infinite}.recent-comments-preview{background:#0003;border-top:1px solid #ffffff0d;box-sizing:border-box;padding:20px 24px 24px;width:100%}.preview-header{align-items:center;color:#ffffffb3;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:14px}.comment-count{background:#667eea33;border-radius:12px;color:#667eea;font-size:12px;padding:4px 10px}.preview-comments{display:flex;flex-direction:column;gap:12px}.preview-comment-item{align-items:flex-start;background:#ffffff0d;border-radius:12px;display:flex;gap:10px;padding:12px;transition:background .2s ease}.preview-comment-item:hover{background:#ffffff14}.preview-avatar,.preview-avatar-initials{border-radius:50%;flex-shrink:0;height:32px;width:32px}.preview-avatar{border:2px solid #ffffff1a;object-fit:cover}.preview-avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:center}.preview-comment-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.preview-username{color:#fff;font-size:14px;font-weight:600}.preview-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden}@media (max-width:768px){.comment-input-container{border-radius:20px 20px 0 0;max-width:100%}.emoji-quick-select{padding:14px 16px 10px}.emoji-btn{font-size:32px}.comment-input-section{padding:16px 20px 20px}.comment-textarea{font-size:15px;min-height:70px}.comment-actions{flex-direction:column-reverse}.comment-cancel-btn,.comment-submit-btn{justify-content:center;width:100%}.recent-comments-preview{padding:16px 20px 20px}}:root[data-theme=dark] .story-viewer-container{background:#000;box-shadow:0 24px 80px #0f172ae6}:root[data-theme=dark] .story-menu-dropdown-bottom{background:#020617;border:1px solid #111827;box-shadow:0 18px 45px #0f172ae6}:root[data-theme=dark] .story-menu-item{color:#e5e7eb}:root[data-theme=dark] .story-menu-item:hover{background:#94a3b81f}:root[data-theme=dark] .story-menu-item.delete{color:#f97373}:root[data-theme=dark] .story-menu-item.delete:hover{background:#f8717126}:root[data-theme=dark] .viewers-modal{background:#0f172ae6;border-top:1px solid #94a3b840}:root[data-theme=dark] .viewers-list::-webkit-scrollbar-thumb{background:#4b5563}:root[data-theme=dark] .modal-comment-item{background:#0f172acc;border-radius:10px}:root[data-theme=dark] .story-music-display{background:#0f172ae6}:root[data-theme=dark] .comment-input-container{box-shadow:0 -18px 50px #0f172af2}:root[data-theme=dark] .comment-textarea{background:#0f172ae6;border-color:#94a3b866}:root[data-theme=dark] .comment-textarea:focus{background:#0f172af2;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf647}:root[data-theme=dark] .recent-comments-preview{background:#0f172ae6;border-top-color:#94a3b840}:root[data-theme=dark] .preview-comment-item{background:#0f172ad9}:root[data-theme=dark] .preview-comment-item:hover{background:#1e40af59}:root[data-theme=dark] .comment-cancel-btn{background:#0f172ae6;color:#e2e8f0d9}:root[data-theme=dark] .comment-cancel-btn:hover:not(:disabled){background:#0f172a}:root[data-theme=dark] .comment-submit-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 24px #581c8799}:root[data-theme=dark] .comment-user-avatar-initials,:root[data-theme=dark] .preview-avatar-initials,:root[data-theme=dark] .story-user-avatar-dummy,:root[data-theme=dark] .viewer-avatar-dummy{box-shadow:0 0 0 2px #020617}.story-music-display{align-items:center;background:#000000bf;border-radius:5px;box-shadow:0 8px 24px #00000073;color:#fff;display:flex;gap:45px;max-width:260px;padding:8px 12px;z-index:10}.music-cover-wrapper{background:#ffffff0f;border-radius:8px;flex-shrink:0;height:38px;overflow:hidden;width:38px}.music-cover-art{display:block;height:100%;object-fit:cover;width:100%}.music-icon-animated{align-items:center;background:linear-gradient(135deg,#ff9f43,#ff6b6b);border-radius:8px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.music-info-text{display:flex;flex-direction:column;font-size:12px;gap:2px;line-height:1.25}.music-track-name{font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-artist-name{align-items:center;display:flex;font-size:11px;gap:6px;opacity:.9}.music-duration-badge{background:#ffffff29;border-radius:999px;font-size:10px;font-weight:500;padding:2px 6px}@media (max-width:600px){.story-music-display{max-width:220px;padding:6px 10px}.music-cover-wrapper,.music-icon-animated{height:32px;width:32px}.music-track-name{max-width:130px}}.story-content{position:relative}.story-sticker-view{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:16px;box-shadow:0 8px 24px #0000002e;color:#111827;max-width:80%;padding:10px 12px;z-index:6}.story-sticker-chip{font-size:14px}.story-sticker-media{height:140px;object-fit:cover;width:140px}.story-sticker-countdown-title,.story-sticker-question-q{font-size:14px;font-weight:800}.story-sticker-countdown-date{font-size:12px;margin-top:6px;opacity:.75}.story-location-fallback{background:#ffffffd9;border-radius:16px;color:#111827;font-weight:700;left:50%;padding:10px 12px;position:absolute;top:12%;transform:translateX(-50%);z-index:6}.story-sticker-view{position:absolute;-webkit-user-select:none;user-select:none;z-index:25}.story-sticker-view-gif,.story-sticker-view-photo{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.story-sticker-media{background:#0000;border-radius:14px;display:block;max-height:220px;max-width:220px}.story-sticker-chip{background:#ffffffd9;border-radius:14px;box-shadow:0 8px 20px #0000002e;color:#111;font-weight:700;padding:10px 14px}.ig-question{align-items:flex-start;background:linear-gradient(135deg,#ff5ea8,#ff8a5b,#ffce5b);border-radius:18px;box-shadow:0 8px 25px #0000002e;display:flex;gap:12px;padding:16px 18px;width:320px}.ig-question-avatar{background:#2f80ed;border-radius:50%;box-shadow:0 4px 14px #0000002e;flex:0 0 auto;height:34px;width:34px}.ig-question-body{flex:1 1}.ig-question-title{color:#111;font-size:18px;font-weight:800;margin-bottom:10px}.ig-question-input{background:#ffffff8c;border-radius:12px;color:#0000008c;font-weight:700;padding:12px 14px}.ig-countdown{background:#fff;border-radius:18px;box-shadow:0 8px 25px #0000002e;padding:18px 20px;width:360px}.ig-countdown-title{font-size:26px;font-weight:900;letter-spacing:.5px;margin-bottom:14px;text-align:center}.ig-countdown-timer{gap:10px}.ig-countdown-timer,.ig-time-box{align-items:center;display:flex;justify-content:center}.ig-time-box{background:#f2f2f2;border-radius:10px;height:58px;width:58px}.ig-sep,.ig-time-box{color:#111;font-size:28px;font-weight:900}.ig-sep{margin-top:-6px}.ig-countdown-labels{color:#111;display:flex;font-weight:800;gap:62px;justify-content:center;margin-top:10px}.send-request-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.send-request-modal-content{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.send-request-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 25px}.send-request-modal-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.send-request-search-bar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:15px 25px}.send-request-search-bar svg{color:#9ca3af;flex-shrink:0}.send-request-search-bar input{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.send-request-search-bar input::placeholder{color:#9ca3af}.send-request-members-list{flex:1 1;overflow-y:auto;padding:15px 25px}.send-request-loading,.send-request-no-results{color:#6b7280;font-size:15px;padding:40px 20px;text-align:center}.send-request-member-item{align-items:center;border:1px solid #f3f4f6;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:background .2s}.send-request-member-item:hover{background:#f9fafb}.send-request-member-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.send-request-member-info img{object-fit:cover}.send-request-avatar-initials,.send-request-member-info img{border:2px solid #8b5cf6;border-radius:50%;height:50px;width:50px}.send-request-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:center}.send-request-member-details{flex:1 1;min-width:0}.send-request-member-details h4{color:#111827;font-size:15px;font-weight:600}.send-request-member-details h4,.send-request-member-details p{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-request-member-details p{color:#6b7280;font-size:13px}.member-role{background:#ede9fe;border-radius:12px;color:#7c3aed;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.send-request-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.send-request-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.send-request-btn:disabled{cursor:not-allowed;opacity:.7}.send-request-btn.sent{background:#10b981;cursor:default}.send-request-btn.sent:hover{background:#10b981;transform:none}.send-request-btn svg{flex-shrink:0}@media (max-width:640px){.send-request-modal-content{max-height:85vh;width:95%}.send-request-members-list,.send-request-modal-header,.send-request-search-bar{padding-left:15px;padding-right:15px}.send-request-member-item{padding:12px}.send-request-avatar-initials,.send-request-member-info img{height:45px;width:45px}.send-request-btn{font-size:13px;padding:8px 12px}}:root[data-theme=dark] .send-request-modal-content{background:#020617;border:1px solid #111827;box-shadow:0 20px 60px #0f172ae6;color:#e5e7eb}:root[data-theme=dark] .send-request-modal-header{border-bottom-color:#111827}:root[data-theme=dark] .send-request-modal-header h2{color:#e5e7eb}:root[data-theme=dark] .send-request-search-bar{background:#020617;border-bottom-color:#111827}:root[data-theme=dark] .send-request-search-bar svg{color:#64748b}:root[data-theme=dark] .send-request-search-bar input{color:#e5e7eb}:root[data-theme=dark] .send-request-search-bar input::placeholder{color:#64748b}:root[data-theme=dark] .send-request-members-list{background:#020617}:root[data-theme=dark] .send-request-loading,:root[data-theme=dark] .send-request-no-results{color:#9ca3af}:root[data-theme=dark] .send-request-member-item{background:#020617;border-color:#111827}:root[data-theme=dark] .send-request-member-item:hover{background:#020617;box-shadow:0 0 0 1px #1f2937}:root[data-theme=dark] .send-request-member-details h4{color:#e5e7eb}:root[data-theme=dark] .send-request-member-details p{color:#9ca3af}:root[data-theme=dark] .member-role{background:#818cf826;color:#c4b5fd}:root[data-theme=dark] .send-request-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 10px 30px #0f172ae6;color:#f9fafb}:root[data-theme=dark] .send-request-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)}:root[data-theme=dark] .send-request-btn.sent,:root[data-theme=dark] .send-request-btn.sent:hover{background:#10b981}.insta-notif-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.insta-notif-sidebar{background:#fff;bottom:0;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;left:-400px;position:fixed;top:0;transition:left .3s ease;width:400px;z-index:999}.insta-notif-sidebar.open{left:70px}.insta-notif-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.insta-notif-header h2{color:#111827;font-size:20px;font-weight:700;margin:0}.insta-notif-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background .2s}.insta-notif-close:hover{background:#f3f4f6}.insta-notif-filters{border-bottom:1px solid #e5e7eb;display:flex;gap:10px;overflow-x:auto;padding:15px 20px}.insta-notif-filters button{background:#f3f4f6;border:none;border-radius:20px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.insta-notif-filters button:hover{background:#e5e7eb}.insta-notif-filters button.active{background:#8b5cf6;color:#fff}.insta-notif-actions{border-bottom:1px solid #e5e7eb;padding:10px 20px}.mark-all-read{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:14px;font-weight:600;padding:5px 0}.mark-all-read:hover{text-decoration:underline}.insta-notif-list{flex:1 1;overflow-y:auto;padding:10px 0}.insta-notif-empty,.insta-notif-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.insta-notif-empty svg{margin-bottom:15px;opacity:.5}.insta-notif-empty p{font-size:16px;margin:0}.insta-notif-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:15px 20px;position:relative;transition:background .2s}.insta-notif-item:hover{background:#f9fafb}.insta-notif-item.unread{background:#f0f4ff}.insta-notif-item.unread:hover{background:#e5eeff}.insta-notif-avatar-wrapper{flex-shrink:0;position:relative}.insta-notif-avatar,.insta-notif-avatar-initials{border-radius:50%;height:44px;object-fit:cover;width:44px}.insta-notif-avatar-initials{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:16px;font-weight:700}.insta-notif-avatar-initials,.insta-notif-icon{align-items:center;display:flex;justify-content:center}.insta-notif-icon{background:#fff;border:2px solid #fff;border-radius:50%;bottom:-2px;height:24px;position:absolute;right:-2px;width:24px}.insta-notif-content{flex:1 1;min-width:0}.insta-notif-message{color:#111827;font-size:14px;line-height:1.4;margin:0 0 5px}.insta-notif-time{color:#9ca3af;font-size:12px}.insta-notif-post-thumbnail{border-radius:4px;flex-shrink:0;height:44px;overflow:hidden;width:44px}.insta-notif-post-thumbnail img{height:100%;object-fit:cover;width:100%}.insta-notif-delete{background:none;border:none;color:#9ca3af;cursor:pointer;opacity:0;padding:5px;position:absolute;right:20px;top:15px;transition:opacity .2s}.insta-notif-item:hover .insta-notif-delete{opacity:1}.insta-notif-delete:hover{color:#ef4444}.insta-notif-unread-dot{background:#8b5cf6;border-radius:50%;height:8px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}@media (max-width:768px){.insta-notif-sidebar{left:-100%;width:100%}}:root[data-theme=dark] .insta-notif-sidebar{background:#020617;border-right:1px solid #111827;box-shadow:4px 0 30px #0f172ae6}:root[data-theme=dark] .insta-notif-header{border-bottom:1px solid #111827}:root[data-theme=dark] .insta-notif-header h2{color:#e5e7eb}:root[data-theme=dark] .insta-notif-close{color:#9ca3af}:root[data-theme=dark] .insta-notif-close:hover{background:#020617}:root[data-theme=dark] .insta-notif-filters{border-bottom:1px solid #111827}:root[data-theme=dark] .insta-notif-filters button{background:#020617;color:#e5e7eb}:root[data-theme=dark] .insta-notif-filters button:hover{background:#020617;box-shadow:0 0 0 1px #1f2937}:root[data-theme=dark] .insta-notif-filters button.active{background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff}:root[data-theme=dark] .insta-notif-actions{border-bottom:1px solid #111827}:root[data-theme=dark] .mark-all-read{color:#a5b4fc}:root[data-theme=dark] .insta-notif-empty,:root[data-theme=dark] .insta-notif-loading{color:#9ca3af}:root[data-theme=dark] .insta-notif-item{border-bottom:1px solid #111827}:root[data-theme=dark] .insta-notif-item:hover{background:#020617}:root[data-theme=dark] .insta-notif-item.unread{background:#020617;box-shadow:inset 3px 0 0 #8b5cf6}:root[data-theme=dark] .insta-notif-item.unread:hover{background:#020617}:root[data-theme=dark] .insta-notif-icon{background:#020617;border-color:#020617}:root[data-theme=dark] .insta-notif-message{color:#e5e7eb}:root[data-theme=dark] .insta-notif-time{color:#9ca3af}:root[data-theme=dark] .insta-notif-post-thumbnail{box-shadow:0 0 0 1px #1f2937}:root[data-theme=dark] .insta-notif-delete{color:#6b7280}:root[data-theme=dark] .insta-notif-delete:hover{color:#f97373}:root[data-theme=dark] .insta-notif-unread-dot{background:#8b5cf6}.insta-profile-container{background:#f6f8ff;border-radius:18px;color:#111827;margin:26px auto;max-width:820px;padding:22px}.ip-back-btn{background:#7c3aed14;border:1px solid #7c3aed33;border-radius:999px;color:#7c3aed;cursor:pointer;font-weight:600;margin:0 0 14px 2px;padding:8px 14px;transition:.2s}.ip-back-btn:hover{background:#7c3aed1f}.ip-card{background:#fff;border:1px solid #0f172a0f;border-radius:16px;box-shadow:0 18px 50px #0f172a14;margin-bottom:18px;padding:18px}.ip-headerRow{align-items:center;display:flex;gap:18px}.ip-avatar-wrapper{align-items:center;display:flex;flex:0 0 92px;height:92px;justify-content:center;position:relative;width:92px}.ip-avatar,.ip-avatar-initials{background:#ede9fe;border:3px solid #7c3aeda6;border-radius:50%;height:92px;object-fit:cover;width:92px}.ip-avatar-initials{align-items:center;color:#7c3aed;display:flex;font-size:34px;font-weight:800;justify-content:center}.ip-avatar-initials.has-story-ring,.ip-avatar.has-story-ring{animation:storyPulse 2s ease-in-out infinite;border:3px solid #8b5cf6!important;box-shadow:0 0 0 2px #fff,0 0 12px #8b5cf659}@keyframes storyPulse{0%,to{border-color:#8b5cf6}50%{border-color:#a78bfa}}.ip-user-details{flex:1 1;min-width:0}.ip-titleRow{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.ip-profile-name{color:#0f172a;font-size:28px;font-weight:900;letter-spacing:-.5px;margin:0}.ip-profile-username{color:#64748b;font-size:13px;font-weight:600;margin:4px 0 0}.ip-profile-bio{color:#334155;font-size:14px;line-height:1.5;margin:10px 0 0}.ip-primary-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 10px 26px #7c3aed38;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px;transition:transform .15s ease}.ip-primary-btn:hover{transform:translateY(-1px)}.ip-primary-btn:disabled{box-shadow:none;cursor:not-allowed}.ip-statsCards{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.ip-statCard{background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid #0f172a0f;border-radius:14px;flex:1 1;min-width:150px;padding:12px 14px}.ip-statValue{color:#7c3aed;font-size:20px;font-weight:900;line-height:1}.ip-statLabel{color:#64748b;font-size:13px;font-weight:700;margin-top:6px}.ip-posts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.ip-post-grid-item{aspect-ratio:1/1;background:#fff;border:1px solid #0f172a14;border-radius:14px;box-shadow:0 10px 30px #0f172a12;cursor:pointer;overflow:hidden;position:relative;transition:transform .18s ease}.ip-post-grid-item:hover{transform:translateY(-2px)}.ip-post-grid-item:after{background:#7c3aed1f;content:"";inset:0;opacity:0;position:absolute;transition:opacity .18s ease}.ip-post-grid-item:hover:after{opacity:1}.ip-post-img{display:block;height:100%;object-fit:cover;width:100%}.ip-post-placeholder{color:#7c3aed;font-weight:700}.ip-empty{background:#fff;border:1px solid #0f172a0f;border-radius:16px;box-shadow:0 18px 50px #0f172a14;grid-column:1/-1;padding:38px 18px;text-align:center}.ip-empty-title{color:#0f172a;font-size:34px;font-weight:900}.ip-empty-sub{color:#7c3aed;font-weight:600;margin-top:10px}.ip-empty-link{color:#8b5cf6;display:inline-block;font-weight:800;margin-top:14px;text-decoration:underline}.ip-post-modal{align-items:center;background:#000000db;display:flex;height:100vh!important;inset:0!important;justify-content:center;position:fixed!important;width:100vw!important;z-index:999999!important}.ip-post-modal-content{background:#fff;border-radius:14px;box-shadow:0 30px 80px #00000073;height:min(800px,90vh);overflow:hidden;position:relative;width:min(1200px,95vw)}.ip-post-modal-close{background:#ffffffe6;border:none;border-radius:50%;color:#111827;cursor:pointer;font-size:26px;height:40px;position:absolute;right:14px;top:14px;width:40px;z-index:1000000}.ip-post-modal-layout{display:flex;height:100%}.ip-post-modal-image-side{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;overflow:hidden}.ip-post-modal-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.ip-post-modal-image-side img{max-height:100%;max-width:100%;object-fit:contain}.ip-post-modal-interaction-side{background:#fff;display:flex;flex-direction:column;width:420px}.ip-post-modal-header{align-items:center;border-bottom:1px solid #eef2ff;display:flex;gap:10px;padding:14px 16px}.ip-post-modal-avatar,.ip-post-modal-avatar-initials{border-radius:50%;height:36px;object-fit:cover;width:36px}.ip-post-modal-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:13px;font-weight:800;justify-content:center}.ip-post-modal-header-info h4{color:#111827;font-size:14px;font-weight:900;margin:0}.ip-post-modal-date{color:#94a3b8;font-size:12px}.ip-post-modal-caption-section{background:#fafaff;border-bottom:1px solid #eef2ff;display:flex;gap:10px;padding:14px 16px}.ip-post-modal-caption-avatar,.ip-post-modal-caption-avatar-initials{border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.ip-post-modal-caption-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:12px;font-weight:800;justify-content:center}.ip-post-modal-caption-content strong{color:#111827;font-size:14px;margin-right:6px}.ip-post-modal-caption-content p{color:#334155;display:inline;font-size:14px;margin:0}.ip-post-modal-comments{flex:1 1;overflow-y:auto;padding:14px 16px}.ip-post-modal-comment{display:flex;gap:10px;margin-bottom:14px}.ip-post-modal-comment-avatar,.ip-post-modal-comment-avatar-initials{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.ip-post-modal-comment-avatar-initials{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;font-size:11px;font-weight:800;justify-content:center}.ip-post-modal-comment-header strong{color:#0f172a;font-size:13px;font-weight:900;margin-right:6px}.ip-post-modal-comment-text{color:#334155;font-size:13px}.ip-post-modal-comment-gif{border:1px solid #e5e7eb;border-radius:10px;display:block;margin-top:6px;max-height:200px;max-width:200px}.ip-post-modal-actions{border-top:1px solid #eef2ff;padding:10px 14px}.ip-post-modal-action-buttons{display:flex;gap:14px;margin-bottom:8px}.ip-post-modal-action-btn{background:none;border:none;color:#111827;cursor:pointer;padding:8px;transition:transform .15s ease}.ip-post-modal-action-btn:hover{transform:scale(1.08)}.ip-post-modal-action-btn.liked svg path{fill:red;stroke:red}.ip-post-modal-likes-count{color:#111827;font-size:13px;font-weight:700}.ip-post-modal-comment-form{align-items:center;border-top:1px solid #eef2ff;display:flex;gap:10px;padding:12px 14px}.ip-post-modal-comment-form input{border:none;color:#111827;flex:1 1;font-size:14px;outline:none}.ip-post-modal-comment-submit{background:none;border:none;color:#7c3aed;cursor:pointer;font-weight:900}.ip-post-modal-comment-submit:disabled{cursor:not-allowed;opacity:.4}.ip-post-modal-gif-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;height:38px;width:38px}.ip-music-mute-fab,.ip-post-modal-gif-btn{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center}.ip-music-mute-fab{background:#000000b8;border:2px solid #ffffff38;bottom:16px;height:44px;position:absolute;right:16px;width:44px}.ip-preview-modal{align-items:center;display:flex;inset:0!important;justify-content:center;position:fixed!important;z-index:1000000!important}.ip-preview-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;inset:0;position:absolute}.ip-preview-content{border-radius:16px;position:relative;z-index:1000001}.ip-profile-pic-preview{background:#0000;border-radius:50%}.ip-preview-profile-img{object-fit:cover}.ip-preview-initials-large,.ip-preview-profile-img{border:4px solid #fff;border-radius:50%;height:460px;width:460px}.ip-preview-initials-large{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;display:flex;font-size:110px;font-weight:900;justify-content:center}.ip-preview-close{background:#ffffffeb;border:none;border-radius:50%;cursor:pointer;font-size:28px;height:40px;position:absolute;right:12px;top:12px;width:40px}.ip-gif-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;display:flex;inset:0!important;justify-content:center;position:fixed!important;z-index:1000002!important}.ip-gif-picker-modal{background:#fff;border-radius:18px;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:min(680px,92vw)}.ip-gif-picker-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:16px 18px}.ip-gif-picker-header h3{font-weight:900;margin:0}.ip-gif-picker-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:26px;height:34px;width:34px}.ip-gif-picker-search{background:#fafaff;border-bottom:1px solid #eef2ff;padding:14px 16px}.ip-gif-picker-search input{border:2px solid #e5e7eb;border-radius:999px;outline:none;padding:12px 14px;width:100%}.ip-gif-picker-grid{grid-gap:10px;background:#fbfbff;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));overflow-y:auto;padding:14px}.ip-gif-picker-item{border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;transition:.2s}.ip-gif-picker-item:hover{border-color:#8b5cf6;transform:scale(1.05)}.ip-gif-picker-item img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:980px){.ip-post-modal-layout{flex-direction:column}.ip-post-modal-interaction-side{max-height:45%;width:100%}.ip-post-modal-content{height:95vh}.ip-post-modal-image-side{max-height:55%}}@media (max-width:640px){.ip-posts-grid{grid-template-columns:repeat(2,1fr)}.ip-profile-name{font-size:22px}.ip-avatar-wrapper{flex-basis:78px}.ip-avatar,.ip-avatar-initials,.ip-avatar-wrapper{height:78px;width:78px}}.family-insta-container{grid-gap:0;background:linear-gradient(to right,var(--bg-main) 0,var(--bg-secondary) 50%,var(--bg-main) 100%);display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:0;grid-template-columns:minmax(0,1fr);min-height:100vh;padding-left:280px;padding-right:350px}.family-insta-main{max-height:100vh;min-width:0;overflow-y:auto}@media (max-width:1200px){.family-insta-container{padding-right:300px}}@media (max-width:1024px){.family-insta-container{grid-template-columns:1fr;padding-left:0;padding-right:0}}:root[data-theme=dark] .family-insta-container{background:radial-gradient(circle at 0 0,#020617 0,#020617 70%)}.plans-page{align-items:flex-start;background:linear-gradient(180deg,#f5f3ff,#fff 40%,#eef2ff);display:flex;gap:28px;min-height:calc(100vh - 80px);padding:32px;width:100%}.plans-main-column{flex:1 1;min-width:0}.plans-header{margin-bottom:24px}.plans-header h1{color:#111827;font-size:28px;font-weight:700;margin-bottom:4px}.plans-header p{color:#6b7280;font-size:14px}.plans-current{align-items:center;background:#7c3aed14;border-radius:999px;color:#4b5563;display:inline-flex;font-size:13px;gap:10px;margin-top:16px;padding:10px 14px}.pill{background:#fff;border:1px solid #a855f7;border-radius:999px;font-size:12px;padding:4px 10px}.plans-quota,.plans-steps{font-size:13px}.plans-steps{color:#6b7280;display:block;margin-top:16px}.plans-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:8px}.plans-grid,.plans-grid--single{justify-content:flex-start}.addons-section{margin-top:40px}.addons-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.addons-title{color:#111827;font-size:18px;font-weight:600}.addons-subtitle{color:#6b7280;font-size:13px}.addons-grid{margin-top:12px}.addons-filters{display:flex;flex-wrap:wrap;gap:10px}.addons-filter-btn{background:#ffffffd9;border:1px solid #94a3b899;border-radius:999px;color:#4b5563;cursor:pointer;font-size:12px;padding:6px 14px;transition:background .12s ease,color .12s ease,box-shadow .12s ease,transform .08s ease}.addons-filter-btn--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 12px 30px #4f46e580;color:#fff;transform:translateY(-1px)}.plan-card{background:#fff;border-radius:15px;box-shadow:0 18px 45px #94a3ff42;display:flex;flex:0 1 322px;flex-direction:column;gap:12px;max-width:420px;padding:24px 20px;position:relative}.plans-billing-toggle{border-radius:999px;display:flex;gap:8px;justify-content:center;margin-top:14px;padding:6px}.plans-toggle-btn{background:#0000;border:1px solid #915afd;border-radius:8px;color:#4b5563;cursor:pointer;font-weight:600;padding:10px 50px;transition:.2s}.plans-toggle-btn.active{background:#7c3aed;box-shadow:0 10px 22px #7c3aed47;color:#fff}:root[data-theme=dark] .plans-page{background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%)}:root[data-theme=dark] .plans-header h1{color:#e5e7eb}:root[data-theme=dark] .plans-header p{color:#9ca3af}:root[data-theme=dark] .plans-current{background:#581c874d;color:#e5e7eb}:root[data-theme=dark] .plans-current .pill{background:#020617;border-color:#a855f7;color:#e5e7eb}:root[data-theme=dark] .plans-steps{color:#9ca3af}[data-theme=dark] .addons-title{color:#fff}[data-theme=dark] .addons-filter-btn{background-color:#030617;color:#fff}@media (max-width:1024px){.plans-page{flex-direction:column}.plans-main-column{width:100%}}.plan-card:hover{box-shadow:0 22px 55px #818cf866;transform:translateY(-2px)}.plan-card--highlight{border-color:#8b5cf6;box-shadow:0 20px 50px #7c3aed59}.plan-card--current{outline:2px solid #22c55e}.plan-card--selected:not(.plan-card--current){outline:2px solid #6366f1}.plan-badge{background:#7e5bd3;border-radius:5px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:18px;top:14px}.plan-name{color:#111827;font-size:18px;font-weight:700}.plan-tagline{color:#6b7280;font-size:13px}.plan-price-row{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-top:6px}.plan-price{color:#7e5bd3;font-size:50px;font-weight:700}.plan-price-period{color:#6b7280;font-size:13px}.plan-storage{margin-top:8px}.plan-storage-value{color:#414141;display:block;font-size:20px;font-weight:600}.plan-storage-label{color:#9ca3af;font-size:12px}.plan-features{color:#4b5563;display:flex;flex-direction:column;font-size:13px;gap:4px;margin-top:10px;padding-left:18px}.plan-status-row{align-items:center;display:flex;gap:8px;margin-top:10px}.plan-pill{border-radius:999px;font-size:11px;font-weight:600;padding:4px 10px}.plan-pill--current{background:#16a34a1f;border:1px solid #16a34a4d;color:#15803d;cursor:not-allowed}.plan-pill--selected{background:#4f46e51f;border:1px solid #4f46e54d;color:#4f46e5}:root[data-theme=dark] .plan-card{background:#020617;border-color:#1f2937;box-shadow:0 24px 60px #0f172af2}:root[data-theme=dark] .plan-card--highlight{border-color:#8b5cf6;box-shadow:0 26px 70px #581c87e6}:root[data-theme=dark] .plan-card--current{outline:2px solid #8b5cf6}:root[data-theme=dark] .plan-name{color:#f9fafb}:root[data-theme=dark] .plan-tagline{color:#9ca3af}:root[data-theme=dark] .plan-price{color:#c7d2fe}:root[data-theme=dark] .plan-price-period{color:#9ca3af}:root[data-theme=dark] .plan-storage-value{color:#e5e7eb}:root[data-theme=dark] .plan-storage-label{color:#6b7280}:root[data-theme=dark] .plan-features{color:#cbd5f5}:root[data-theme=dark] .plan-badge{box-shadow:0 4px 12px #f8fafc26}.plan-card--disabled{cursor:not-allowed;opacity:.9}.plan-card--disabled:hover{box-shadow:none}.plan-storage-addon-note{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;margin-top:4px}.addon-card--disabled{cursor:not-allowed;opacity:.96}.addon-card--current{box-shadow:0 0 0 1px #22c55e}.addon-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.addon-type-pill{background:#6900ff1a;border-radius:999px;color:#7e5bd3;font-size:11px;font-weight:600;padding:4px 8px}.addon-pill--current{background:#22c55e1f;border:1px solid #22c55e73;color:#16a34a}.plan-pill--muted{background:#94a3b81f;border:1px solid #94a3b866;color:#6b7280}:root[data-theme=dark] .addon-type-pill{background:#3b82f633;color:#93c5fd}:root[data-theme=dark] .addon-pill--current{background:#22c55e2e;border-color:#22c55e99;color:#6ee7b7}.addon-qty-wrap{background:linear-gradient(180deg,#7c3aed0f,#7c3aed08);border:1px solid #7c3aed2e;border-radius:14px;margin-top:14px;padding:12px}.addon-qty-label{color:#111827;font-size:12px;font-weight:700;letter-spacing:.2px;margin-bottom:10px}.addon-qty-controls{align-items:center;display:flex;gap:10px}.addon-qty-btn{align-items:center;background:#fff;border:1px solid #7c3aed47;border-radius:10px;color:#5b21b6;cursor:pointer;display:inline-flex;font-size:18px;font-weight:800;height:34px;justify-content:center;line-height:1;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;width:34px}.addon-qty-btn:hover{background:#7c3aed0f;box-shadow:0 10px 20px #7c3aed1f}.addon-qty-btn:active{transform:translateY(1px)}.addon-qty-btn:disabled{background:#f3f4f6cc;border-color:#94a3b873;box-shadow:none;color:#11182780;cursor:not-allowed;opacity:.45}.addon-qty-value{align-items:center;background:#ffffffe6;border:1px solid #7c3aed2e;border-radius:10px;color:#111827;display:inline-flex;font-size:14px;font-weight:800;height:34px;justify-content:center;min-width:48px}.addon-qty-hint{color:#6b7280f2;font-size:12px;margin-top:10px}@media (max-width:520px){.addon-qty-controls{gap:8px}.addon-qty-btn{border-radius:9px;height:32px;width:32px}.addon-qty-value{border-radius:9px;height:32px;min-width:44px}}:root[data-theme=dark] .addon-qty-wrap{background:linear-gradient(180deg,#7c3aed24,#7c3aed0f);border-color:#a78bfa38}:root[data-theme=dark] .addon-qty-label{color:#f3f4f6f2}:root[data-theme=dark] .addon-qty-btn{background:#111827a6;border-color:#a78bfa47;color:#e9d5fff2}:root[data-theme=dark] .addon-qty-btn:hover{background:#7c3aed2e;box-shadow:0 10px 20px #7c3aed2e}:root[data-theme=dark] .addon-qty-value{background:#1118278c;border-color:#a78bfa38;color:#f3f4f6f2}:root[data-theme=dark] .addon-qty-hint{color:#9ca3afeb}.addon-license-meta{background:#7c3aed14;border:1px solid #7c3aed2e;border-radius:10px;color:#2f2f2f;font-size:12.5px;line-height:1.2;margin-top:6px;padding:8px 10px}.addon-license-meta strong{font-weight:700}.plans-summary-sidebar{align-self:stretch;display:flex;flex:0 0 320px;justify-content:flex-start;max-width:340px;position:relative}.plans-summary-inner{background:#fff;border:1px solid #c7d2fee6;border-radius:22px;box-shadow:0 18px 60px #0f172a2e;display:flex;flex-direction:column;max-height:calc(100vh - 112px);overflow-y:auto;padding:20px 20px 18px;position:fixed;right:32px;top:88px;width:320px}.plans-summary-header h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.plans-summary-header p{color:#6b7280;font-size:12px;margin:0}.plans-summary-section-title{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;margin-top:12px;text-transform:uppercase}.plans-summary-section-title--current{margin-top:16px}.plans-summary-section{border-top:1px solid #e5e7ebe6;padding:12px 0}.plans-summary-row{align-items:center;color:#111827;display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.plans-summary-row--muted{color:#6b7280}.plans-summary-row--bold{font-weight:600;margin-top:6px}.plans-summary-label{color:#6b7280;font-size:13px}.plans-summary-chip{background:#818cf81f;border-radius:999px;color:#4f46e5;font-size:11px;font-weight:600;padding:3px 9px}.plans-summary-chip--muted{background:#94a3b829;color:#6b7280}.plans-summary-mainplan-name{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:500;justify-content:space-between}.plans-summary-caption{color:#9ca3af;font-size:11px;margin-top:2px}.plans-summary-empty{color:#9ca3af;font-size:12px;margin:4px 0 0}.plans-summary-addon-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:4px 0 0;padding:0}.plans-summary-addon-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.plans-summary-addon-name{font-weight:500;margin-right:6px}.plans-summary-addon-tag{background:#3b82f614;border-radius:999px;color:#1d4ed8;font-size:11px;font-weight:600;padding:2px 8px}.plans-summary-addon-current-label{color:#9ca3af;display:block;font-size:10px;margin-top:2px}.plans-summary-price{font-size:13px;font-weight:500}.plans-summary-totals{border-top:1px dashed #d1d5dbe6;padding:10px 0 6px}.plans-summary-grand-caption{color:#9ca3af;display:block;font-size:11px;font-weight:400}.plans-summary-grand-value{font-size:16px;font-weight:700}.plans-summary-note{background:#94a3b814;border-radius:12px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;line-height:1.4;margin:10px 0 16px;padding:10px 12px}.plans-summary-note .psn-row{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:4px}.plans-summary-note .psn-row:last-child{margin-bottom:0}.psn-label{color:#111827;color:var(--text-primary,#111827);font-weight:500}.psn-value{font-weight:500;text-align:right}.psn-row--highlight .psn-label,.psn-row--highlight .psn-value{color:#111827}.psn-hint{color:#9ca3af;display:block;font-size:10px;font-weight:400}.plans-summary-section--current{background:#f9fafbcc;border-radius:12px;margin-top:4px;padding:10px 12px}.plans-summary-current{border-top:1px dashed #d1d5dbe6;margin-top:8px;padding:10px 0 6px}.plans-summary-billingmeta .plans-summary-meta-value{color:#111827;font-size:13px;font-weight:500}.plans-summary-cancel{background:#0000;border:1px solid #ef4444;border-radius:999px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:9px 14px;transition:background .12s ease,color .12s ease,border-color .12s ease;width:100%}.plans-summary-cancel:hover:not(:disabled){background:#ef44440f}.plans-summary-cancel:disabled{cursor:default;opacity:.6}.plans-summary-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:10px 16px;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease;width:100%}.plans-summary-cta:disabled{box-shadow:none;cursor:default;opacity:.6;transform:none}.plans-summary-cta:not(:disabled):hover{box-shadow:0 16px 40px #4f46e5d9;transform:translateY(-1px)}:root[data-theme=dark] .plans-summary-inner{background:#020617;border-color:#1f2937;box-shadow:0 24px 70px #0f172af2}:root[data-theme=dark] .plans-summary-header h2{color:#f9fafb}[data-theme=dark] .plans-summary-addon-name{color:#fff}:root[data-theme=dark] .plans-summary-caption,:root[data-theme=dark] .plans-summary-empty,:root[data-theme=dark] .plans-summary-header p,:root[data-theme=dark] .plans-summary-label{color:#9ca3af}:root[data-theme=dark] .plans-summary-mainplan-name,:root[data-theme=dark] .plans-summary-price,:root[data-theme=dark] .plans-summary-row{color:#e5e7eb}:root[data-theme=dark] .plans-summary-addon-tag{background:#3b82f633;color:#93c5fd}:root[data-theme=dark] .plans-summary-note{background:#1f2937e6}:root[data-theme=dark] .psn-label{color:#e5e7eb}:root[data-theme=dark] .psn-value{color:#f9fafb}:root[data-theme=dark] .psn-hint{color:#9ca3af}:root[data-theme=dark] .plans-summary-billingmeta .plans-summary-meta-value{color:#e5e7eb}:root[data-theme=dark] .plans-summary-cancel{border-color:#f97373;color:#fecaca}:root[data-theme=dark] .plans-summary-cancel:hover:not(:disabled){background:#f871711f}:root[data-theme=dark] .plans-summary-section--current{background-color:#030617;border:1px solid #fff}:root[data-theme=dark] .plan-pill--current{background-color:#005200;color:#abfca1}@media (max-width:1024px){.plans-summary-sidebar{flex:1 1 auto;max-width:none}.plans-summary-inner{margin-top:24px;max-height:none;overflow-y:visible;position:static;width:100%}}.plans-summary-invoice-btn{background:#7c3aed14;border:1px solid #7c3aed59;border-radius:12px;color:#7c3aed;cursor:pointer;font-weight:700;padding:10px 12px;width:100%}.plans-summary-invoice-btn:disabled{cursor:not-allowed;opacity:.6}.plans-summary-header--row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.psh-left h2{margin:0}.psh-left p{margin:6px 0 0}.plans-summary-invoice-btn--top{border-radius:10px;font-size:12px;padding:8px 12px;white-space:nowrap;width:auto}.plans-summary-cta--warning{background:linear-gradient(135deg,#f97316,#ef4444)}.plans-summary-coupon{border-top:1px dashed #7c3aed40;margin-top:10px;padding-top:10px}.psc-row{display:flex;gap:10px}.psc-input{background:#fff;border:1px solid #7c3aed40;border-radius:10px;flex:1 1;height:40px;outline:none;padding:0 12px}.psc-apply{background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:40px;padding:0 14px}.psc-apply:disabled{cursor:not-allowed;opacity:.6}.psc-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.psc-pill{background:#7c3aed0f;border:1px solid #7c3aed40;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px}.psc-applied{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-top:10px}.psc-remove{background:#0000;border:none;color:#ef4444;cursor:pointer;font-weight:700}.inv-swal2{border-radius:20px!important;box-shadow:0 30px 100px #0f172a47!important;padding:18px 18px 14px!important}.inv-wrap{text-align:left}.inv-hint{background:#7c3aed0f;border:1px solid #7c3aed2e;border-radius:14px;color:#111827;font-size:13px;line-height:1.4;margin:10px 0 14px;padding:12px}.inv-grid{grid-gap:10px;gap:10px;max-height:320px;padding-right:2px}.inv-card{border:1px solid #6366f133;display:block;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.inv-card input{opacity:0;pointer-events:none;position:absolute}.inv-card-body{padding:12px}.inv-card-top{align-items:flex-start;gap:10px}.inv-month{color:#111827}.inv-amt,.inv-month{font-size:13px;font-weight:800}.inv-amt{color:#4f46e5;white-space:nowrap}.inv-sub{color:#6b7280;font-size:12px;margin-top:6px}.inv-card:has(input:checked){border-color:#7c3aed8c;box-shadow:0 16px 45px #4f46e538;transform:translateY(-1px)}.inv-btn{border-radius:999px!important;font-weight:800!important;padding:10px 16px!important}.inv-btn--ghost{background:#0000!important;border:1px solid #1118272e!important;color:#111827!important}:root[data-theme=dark] .psc-input{background-color:#030617;color:#fff}.invoice-month-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.invoice-month-modal{background:#fff;border-radius:14px;box-shadow:0 12px 40px #00000040;padding:16px;width:min(420px,92vw)}.invoice-month-modal h3{margin:0 0 6px}.invoice-month-modal p{font-size:13px;margin:0 0 12px;opacity:.75}.invoice-month-select{border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 12px;width:100%}.invoice-month-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.invoice-month-btn{border:none;border-radius:10px;cursor:pointer;padding:10px 12px}.invoice-month-btn.secondary{background:#f3f4f6}.invoice-month-btn.primary{background:#7c3aed;color:#fff}.invoice-month-btn:disabled{cursor:not-allowed;opacity:.65}.inv-modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:99999}.inv-modal{background:#fff;border-radius:22px;box-shadow:0 25px 60px #00000040;overflow:hidden;width:min(820px,96vw)}.inv-modal-header{padding:26px 28px 16px;text-align:center}.inv-modal-header h2{color:#0f172a;font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0}.inv-modal-hint{background:#7c3aed14;border:1px solid #7c3aed40;border-radius:14px;color:#4b5563;font-size:13px;margin:14px auto 0;padding:10px 14px;width:min(540px,92%)}.inv-modal-body{padding:10px 24px 18px}.inv-modal-empty,.inv-modal-loading{color:#6b7280;font-size:14px;padding:28px;text-align:center}.inv-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;max-height:420px;overflow:auto;padding:4px}@media (max-width:680px){.inv-grid{grid-template-columns:1fr;max-height:55vh}.inv-modal-header h2{font-size:26px}}.inv-card{background:#fff;border:1.6px solid #7c3aed59;border-radius:16px;cursor:pointer;padding:14px;text-align:left;transition:transform .08s ease,box-shadow .08s ease,border .08s ease;width:100%}.inv-card:hover{box-shadow:0 10px 22px #7c3aed1a;transform:translateY(-1px)}.inv-card.active{background:#7c3aed0d;border:2px solid #7c3aedf2;box-shadow:0 14px 30px #7c3aed2e}.inv-card-top{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.inv-card-month{color:#0f172a}.inv-card-amt,.inv-card-month{font-size:15px;font-weight:800}.inv-card-amt{color:#5b21b6;white-space:nowrap}.inv-card-sub{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;margin-top:6px}.inv-card-sub .dot{opacity:.6}.inv-modal-footer{align-items:center;display:flex;gap:12px;justify-content:center;padding:18px 24px 24px}.inv-btn{border:0;border-radius:999px;cursor:pointer;font-size:14px;font-weight:800;padding:12px 22px}.inv-btn:disabled{cursor:not-allowed;opacity:.55}.inv-btn-primary{background:#7c3aed;box-shadow:0 12px 24px #7c3aed38;color:#fff}.inv-btn-ghost{background:#f8fafc;border:1px solid #e5e7eb;color:#111827}.family-events-page{background:#f0f2f5;background:var(--bg-main,#f0f2f5);box-sizing:border-box;display:flex;flex-direction:column;gap:24px;height:calc(100vh - 80px);padding:32px;position:relative}.family-events-page:before{background:radial-gradient(circle at 20% 50%,#1877f20d 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf60a 0,#0000 50%);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.family-events-page>*{position:relative;z-index:1}.family-events-content,.family-events-layout{display:flex;flex:1 1;gap:24px;min-height:0}.family-events-left,.family-events-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.family-events-main{overflow-y:auto;padding-right:4px}.family-events-error{align-items:center;background:#ffebe9;border:1px solid #f5c2c7;border-radius:8px;color:#c41e3a;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px}.family-events-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}[data-theme=dark] .family-events-page{background:#000}[data-theme=dark] .family-events-page:before{background:radial-gradient(circle at 20% 50%,#1877f214 0,#0000 50%)}@media (max-width:1024px){.family-events-content{flex-direction:column}.family-events-main{overflow-y:visible}}@media (max-width:768px){.family-events-page{height:auto;min-height:100vh;padding:16px}.family-events-list{grid-template-columns:1fr}}@media (max-width:1024px){.family-events-layout{flex-direction:column}.family-events-main{overflow-y:visible}}.family-events-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:8px}.family-events-title{color:#050505;color:var(--text-primary,#050505);display:inline-block;font-size:32px;font-weight:700;margin:0;position:relative}.title-accent{border-radius:2px;bottom:-4px;height:4px;left:0;position:absolute;width:60px}.family-events-subtitle{color:#65676b;color:var(--text-secondary,#65676b);font-size:15px;font-weight:400;margin:8px 0 0}.family-events-fab{align-items:center;background:#8b5cf6;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s ease}.family-events-fab:hover{background:#7c3aed;box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.family-events-fab svg{height:20px;width:20px}[data-theme=dark] .family-events-title{color:#e4e6eb}[data-theme=dark] .family-events-subtitle{color:#b0b3b8}[data-theme=dark] .event-header__divider{background:#8b5cf659}@media (max-width:768px){.family-events-header{align-items:flex-start;flex-direction:column}.family-events-title{font-size:24px}}.family-events-header-wrap{width:100%}.family-events-divider{background:#b29ae8;height:.7px;margin-bottom:9px;margin-top:9px;width:100%}[data-theme=dark] .family-events-divider{background:#7e56da}.family-events-toolbar{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 16px}.family-events-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{align-items:center;background:#0000;border:.4px solid #666a75;border-radius:5px;color:#050505;color:var(--text-primary,#050505);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 14px;transition:all .2s ease}.filter-icon{font-size:16px}.filter-pill .filter-icon{align-items:center;color:#7858cc;display:inline-flex}.filter-pill .filter-icon svg{color:inherit}.filter-pill--active .filter-icon{color:#fff}.filter-pill:hover .filter-icon{color:#5b34c7}.filter-pill:hover{background:#d8dadf}.filter-pill--active{background:#7e57d6;color:#fff}.family-events-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.auto-toggle{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.auto-toggle input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:18px;width:18px}.events-count{background:#f0f2f5;border-radius:6px;color:#65676b;color:var(--text-secondary,#65676b);font-size:14px;font-weight:500;padding:6px 12px}.events-count strong{color:#8b5cf6;font-weight:700}[data-theme=dark] .family-events-toolbar{background:#0c0c0c;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .filter-pill{background:#3a3b3c;color:#e4e6eb}[data-theme=dark] .filter-pill:hover{background:#4e4f50}[data-theme=dark] .filter-pill--active{background:#263951;color:#4599ff}[data-theme=dark] .events-count{background:#3a3b3c;color:#b0b3b8}[data-theme=dark] .auto-toggle{color:#b0b3b8}@media (max-width:768px){.family-events-toolbar{align-items:stretch;flex-direction:column}}.event-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:10px}.event-toolbar__left{display:flex;flex-wrap:wrap;gap:12px}.event-toolbar__right{align-items:center;display:flex;justify-content:flex-end}.event-filter{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px;transition:.15s ease}.event-filter.active,.event-filter:hover{border-color:#8b5cf6;color:#5b21b6}.event-filter.active{background:#ede9fe}.event-add-btn{background:#7c5ce4;border:none;border-radius:10px;box-shadow:0 10px 22px #7c5ce438;color:#fff;cursor:pointer;font-weight:700;padding:11px 18px;transition:.15s ease}.event-add-btn:hover{box-shadow:0 14px 26px #7c5ce447;transform:translateY(-1px)}[data-theme=dark] .event-filter{background:#0b1220;border-color:#94a3b840;color:#e5e7eb}[data-theme=dark] .event-filter.active{background:#8b5cf62e;border-color:#8b5cf68c;color:#ddd6fe}@media (max-width:768px){.event-toolbar{align-items:flex-start;flex-direction:column}.event-add-btn,.event-toolbar__right{width:100%}}.family-events-loading{align-items:center;background:#fff;background:var(--bg-card,#fff);border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;gap:20px;padding:64px 32px}.spinner-container{height:48px;position:relative;width:48px}.spinner{animation:spin .8s linear infinite;border:4px solid #e4e6eb;border-radius:50%;border-top-color:#8b5cf6;height:48px;width:48px}[data-theme=dark] .family-events-loading{background:#0c0c0c;box-shadow:0 2px 4px #0000004d}.family-events-empty{align-items:center;background:#fff;background:var(--bg-card,#fff);border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;gap:16px;margin-top:20px;padding:64px 32px;text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;font-size:64px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.family-events-empty h3{color:#050505;color:var(--text-primary,#050505);font-size:20px;font-weight:700;margin:0}.family-events-empty p{color:#65676b;color:var(--text-secondary,#65676b);font-size:15px;margin:0}.empty-cta{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:12px;padding:10px 24px;transition:all .2s ease}.empty-cta:hover{background:#662ee9}[data-theme=dark] .family-events-empty{background:#0c0c0c;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .family-events-empty h3{color:#e4e6eb}[data-theme=dark] .family-events-empty p{color:#b0b3b8}.family-event-card{background:#fff;background:var(--bg-card,#fff);border-radius:8px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.family-event-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.event-card-image{background:linear-gradient(135deg,#667eea,#764ba2);height:180px;overflow:hidden;width:100%}.event-card-image img{height:100%;object-fit:cover;width:100%}.family-event-date-badge{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000040;height:64px;left:12px;min-width:56px;overflow:hidden;position:absolute;top:12px}.badge-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:8px 4px;position:relative;width:100%;z-index:1}.badge-content .month{color:#8b5cf6;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1;margin-bottom:2px;text-transform:uppercase}.badge-content .day{color:#050505;font-size:24px;font-weight:700;line-height:1}.family-event-type{background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #00000026;color:#8b5cf6;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;white-space:nowrap}.event-card-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px}.family-event-main{display:flex;flex:1 1;flex-direction:column;gap:8px}.family-event-main-top{display:flex;flex-direction:column;gap:6px}.family-event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#050505;color:var(--text-primary,#050505);display:-webkit-box;font-size:18px;font-weight:700;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.family-event-date-line{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:6px;margin:0}.event-time{color:#65676b;font-size:13px}.event-countdown,.event-time{align-items:center;display:inline-flex;gap:4px}.event-countdown{background:#7f55db;border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:3px 8px}.family-event-location{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);display:flex;font-size:13px;font-weight:500;gap:4px;margin:0}.family-event-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#050505;color:var(--text-primary,#050505);display:-webkit-box;font-size:13px;line-height:1.4;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis}.event-default-icon{align-items:center;animation:floatIcon 3s ease-in-out infinite;display:flex;font-size:80px;height:100%;justify-content:center;width:100%}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}[data-theme=dark] .family-event-card{background:#0c0c0c;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .family-event-card:hover{box-shadow:0 4px 12px #00000080}[data-theme=dark] .family-event-desc,[data-theme=dark] .family-event-title{color:#e4e6eb}[data-theme=dark] .event-time,[data-theme=dark] .family-event-date-line,[data-theme=dark] .family-event-location{color:#b0b3b8}[data-theme=dark] .family-event-type{background:#263951f2;color:#4599ff}[data-theme=dark] .family-event-date-badge{background:#3a3b3c}[data-theme=dark] .badge-content .month{color:#4599ff}[data-theme=dark] .badge-content .day{color:#e4e6eb}[data-theme=dark] .event-countdown{background:#263951;color:#4599ff}[data-theme=dark] .event-card-image{background:linear-gradient(135deg,#434343,#000)}[data-theme=dark] .event-wish-btn{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 12px #7c3aed66}[data-theme=dark] .event-view-wishes-btn{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #8b5cf64d;color:#c4b5fd}[data-theme=dark] .event-share-btn{background:linear-gradient(135deg,#db2777,#ec4899);box-shadow:0 4px 12px #db277766}@media (max-width:480px){.event-card-image{height:160px}.family-event-date-badge{height:56px;min-width:48px}.badge-content .day{font-size:20px}.badge-content .month{font-size:10px}}@media (max-width:380px){.event-card-actions{flex-direction:column}.event-share-btn,.event-view-wishes-btn,.event-wish-btn{width:100%}}.family-event-card.today{border-radius:12px;position:relative;transform:translateY(-4px) scale(1.01)}.family-event-card.today:after{background:radial-gradient(circle at center,#8b5cf68c,#0000 70%);bottom:-18px;height:32px;left:20%;pointer-events:none;position:absolute;right:20%;z-index:-1}.family-event-card.today .event-card-image:after{animation:todayShine 3.2s ease-in-out infinite;background:linear-gradient(120deg,#0000,#ffffff4d 30%,#0000 60%);content:"";inset:0;mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute}@keyframes todayShine{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1}40%{opacity:0;transform:translateX(100%)}to{opacity:0;transform:translateX(100%)}}.event-today-ribbon{align-items:center;background:linear-gradient(135deg,#22c55e,#a3e635);border-radius:999px;box-shadow:0 6px 16px #16a34a80;color:#052e16;display:inline-flex;font-size:11px;font-weight:700;gap:4px;left:10px;letter-spacing:.08em;padding:3px 10px;position:absolute;text-transform:uppercase;top:6px;z-index:5}.family-event-card.today .family-event-title{color:#111827}.family-event-card.today .event-countdown{background:#eef2ff;color:#4f46e5;font-weight:700}.event-public-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 8px #667eea66;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 12px;position:absolute;right:8px;top:8px;z-index:3}.family-event-card.public-event{border:2px solid #667eea4d;position:relative}.family-event-card.public-event:hover{box-shadow:0 8px 24px #667eea33}[data-theme=dark] .event-public-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid #a855f74d;box-shadow:0 2px 8px #7c3aed66}[data-theme=dark] .family-event-card.public-event{border-color:#7c3aed4d}[data-theme=dark] .family-event-card.public-event:hover{box-shadow:0 8px 24px #7c3aed4d}[data-theme=dark] .family-event-card.today{background:linear-gradient(#020617,#020617) padding-box,linear-gradient(135deg,#8b5cf6,#ec4899,#f97316) border-box;box-shadow:0 0 0 1px #8b5cf699,0 24px 60px #000000f2}[data-theme=dark] .family-event-card.today .family-event-title{color:#f9fafb}[data-theme=dark] .family-event-card.today .event-countdown{background:#1e293b;color:#c4b5fd}[data-theme=dark] .event-today-ribbon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 30px #000000f2;color:#ecfdf5}.event-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.event-card-actions img{height:17px;width:17px}.event-share-btn,.event-view-wishes-btn,.event-wish-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:transform .1s ease,box-shadow .1s ease,background .15s ease;white-space:nowrap}.event-view-wishes-btn,.event-wish-btn{background:#0000;box-shadow:0 4px 12px #99989c40;color:#000}.event-share-btn{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 4px 12px #99989c40;color:#fff}.event-share-btn:hover,.event-view-wishes-btn:hover,.event-wish-btn:hover{box-shadow:0 8px 20px #0f172a33;transform:translateY(-2px)}.event-share-btn:active,.event-view-wishes-btn:active,.event-wish-btn:active{transform:translateY(0)}.event-share-btn{background:#0000;border-radius:7px;color:#000;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:transform .12s ease,box-shadow .12s ease}.event-share-btn:hover{box-shadow:0 8px 20px #0f172a33;transform:translateY(-1px)}.family-event-honorees{align-items:center;color:#65676b;color:var(--text-secondary,#65676b);display:flex;font-size:13px;font-weight:500;gap:4px;margin:2px 0 0}.honoree-icon{font-size:14px}.honoree-text{white-space:normal}.honoree-label{font-weight:600}.honoree-names{color:#111827;color:var(--text-primary,#111827);font-weight:500}[data-theme=dark] .family-event-honorees{color:#9ca3af}[data-theme=dark] .honoree-names{color:#e5e7eb}.event-card-image img,.event-fallback-image{border-top-left-radius:14px;border-top-right-radius:14px;display:block;height:100%;object-fit:cover;width:100%}.event-card-image{position:relative}.event-date-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #94a3b873;border-radius:12px;box-shadow:0 10px 26px #0f172a2e;display:flex;flex-direction:column;justify-content:center;left:12px;min-height:56px;padding:6px 6px 7px;position:absolute;top:12px;width:54px;z-index:5}.event-date-day{color:#0f172a;font-size:18px;font-weight:800;line-height:1}.event-date-month{color:#6d28d9;font-size:11px;font-weight:700;line-height:1.1;margin-top:2px}.event-date-badge.is-today{border-color:#22c55ea6;box-shadow:0 10px 26px #22c55e38}.event-date-today{background:green;border-radius:5px;color:#fff;font-size:10px;font-weight:800;line-height:1;margin-top:4px;padding:4px}.family-event-card{position:relative}.event-public-remove-x{align-items:center;background:#0000008c;border:none;border-radius:999px;box-shadow:0 6px 18px #00000040;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:transform .15s ease,background .15s ease;width:32px;z-index:6}.event-public-remove-x:hover{background:#ef4444f2;transform:scale(1.05)}.event-public-remove-x:active{transform:scale(.98)}.fb-image-upload-section{margin-bottom:8px;width:100%}.fb-image-placeholder{align-items:center;background:#f7f8fa;border:2px dashed #e4e6eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:200px;justify-content:center;transition:all .2s ease;width:100%}.fb-image-placeholder:hover{background:#e7f3ff;border-color:#8b5cf6}.fb-image-icon{font-size:48px;opacity:.6}.fb-image-placeholder p{color:#050505;font-size:16px;font-weight:600;margin:0}.fb-image-hint{color:#65676b;font-size:13px}.fb-image-preview{border-radius:8px;height:250px;overflow:hidden;position:relative;width:100%}.fb-image-preview img{height:100%;object-fit:cover;width:100%}.fb-remove-image{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease;width:32px}.fb-remove-image:hover{background:#000c}.fb-edit-image{background:#fffffff2;border:none;border-radius:6px;bottom:12px;color:#050505;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;position:absolute;right:12px;transition:background .2s ease}.fb-edit-image:hover{background:#fff}[data-theme=dark] .fb-image-placeholder{background:#3a3b3c;border-color:#4e4f50}[data-theme=dark] .fb-image-placeholder:hover{background:#263951;border-color:#8b5cf6}[data-theme=dark] .fb-image-placeholder p{color:#e4e6eb}[data-theme=dark] .fb-image-hint{color:#b0b3b8}.family-events-modal-backdrop{animation:backdropFadeIn .18s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0c0c0eb8;display:grid;inset:0;overflow:auto;padding:18px;place-items:center;position:fixed;z-index:1200}.family-events-modal.fb-style{animation:modalPop .22s cubic-bezier(.2,0,0,1);background:#fff;border:1px solid #11182714;border-radius:16px;box-shadow:0 18px 55px #00000059;display:flex;flex-direction:column;max-height:calc(100vh - 36px);overflow:hidden;width:min(860px,96vw)}.fb-modal-header{align-items:center;background:#fff;border-bottom:1px solid #11182714;display:flex;justify-content:center;padding:14px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.fb-modal-header h3{color:#0f172a;font-size:18px;font-weight:800;letter-spacing:.2px;margin:0}.fb-modal-close{background:#0f172a0f;border:1px solid #11182714;border-radius:999px;color:#0f172a;cursor:pointer;display:grid;font-size:18px;height:38px;place-items:center;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:transform .15s ease,background .15s ease;width:38px}.fb-modal-close:hover{background:#0f172a1a;transform:translateY(-50%) scale(1.04)}.fb-form-scroll{flex:1 1 auto;overflow:auto;padding:18px}.fb-events-form{grid-gap:14px 18px;gap:14px 18px;grid-template-columns:1.25fr 1fr}.fb-events-form>.fb-error,.fb-events-form>.fb-form-group:nth-child(2),.fb-events-form>.fb-image-upload-section{grid-column:1/-1}.fb-form-actions{border-top:1px solid #11182714;padding:14px 18px;z-index:20}.fb-form-group{display:flex;flex-direction:column;gap:6px}.fb-label{align-items:center;color:#0f172a;display:inline-flex;font-size:12.5px;font-weight:700;gap:8px}.fb-label-icon{font-size:15px}.fb-input,.fb-input-large,.fb-select,.fb-textarea{background:#f7f7fb;border:1px solid #0206171f;border-radius:10px;color:#0f172a;font-family:inherit;padding:10px 12px;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;width:100%}.fb-input-large{font-size:15px;font-weight:800;padding:12px 14px}.fb-input-large::placeholder,.fb-input::placeholder,.fb-textarea::placeholder{color:#0f172a73;font-weight:600}.fb-input-large:focus,.fb-input:focus,.fb-select:focus,.fb-textarea:focus{box-shadow:0 0 0 4px #8b5cf62e}.fb-select{padding-right:42px}.fb-select-wrapper:after{border-bottom:2px solid #0f172a8c;border-right:2px solid #0f172a8c;height:10px;transform:translateY(-50%) rotate(45deg);width:10px}.fb-textarea{line-height:1.5;min-height:92px}.fb-error{background:#f43f5e14;border:1px solid #f43f5e40;border-radius:12px;color:#be123c;font-size:13px;font-weight:700;grid-column:1/-1;padding:12px}.fb-btn-primary,.fb-error{align-items:center;display:flex;gap:10px}.fb-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;justify-content:center;padding:12px 14px;transition:transform .15s ease,filter .15s ease,opacity .15s ease;width:100%}.fb-btn-primary:hover{filter:brightness(1.02);transform:translateY(-1px)}.fb-btn-primary:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-spinner{animation:spin .65s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.fb-toggle-row{background:#8b5cf60f;border:1px solid #8b5cf62e;border-radius:12px;flex-direction:row;grid-column:1/-1;padding:10px 12px}.fb-toggle-text{display:flex;flex-direction:column;gap:3px}.fb-toggle-helper{color:#0f172a99;font-size:12px;font-weight:600}.fb-switch{display:inline-block;height:26px;position:relative;width:46px}.fb-switch input{height:0;opacity:0;width:0}.fb-slider{background-color:#0f172a33;cursor:pointer;inset:0}.fb-slider,.fb-slider:before{border-radius:999px;position:absolute;transition:.2s}.fb-slider:before{background-color:#fff;box-shadow:0 6px 18px #0000002e;content:"";height:20px;left:3px;top:3px;width:20px}.fb-switch input:checked+.fb-slider{background-color:#8b5cf6}.fb-switch input:checked+.fb-slider:before{transform:translateX(20px)}.fb-members-chips{background:#f7f7fb;border:1px solid #0206171f;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;max-height:150px;overflow:auto;padding:10px}.fb-member-pill{align-items:center;background:#fff;border:1px solid #0206171f;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;padding:7px 11px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;white-space:nowrap}.fb-member-pill:hover{border-color:#8b5cf68c;box-shadow:0 0 0 4px #8b5cf61f;transform:translateY(-1px)}.fb-member-pill-selected{background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf629;color:#4c1d95}.fb-member-pill-avatar{align-items:center;background:#0f172a14;border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;height:24px;justify-content:center;width:24px}.fb-member-pill-selected .fb-member-pill-avatar{background:#8b5cf638}.fb-member-pill-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .family-events-modal.fb-style{background:#0c0c0c;border-color:#ffffff14}[data-theme=dark] .fb-form-actions,[data-theme=dark] .fb-modal-header{background:#0c0c0c;border-color:#ffffff1a}[data-theme=dark] .fb-modal-header h3{color:#e5e7eb}[data-theme=dark] .fb-modal-close{background:#ffffff14;border-color:#ffffff14;color:#e5e7eb}[data-theme=dark] .fb-label{color:#e5e7eb}[data-theme=dark] .fb-input,[data-theme=dark] .fb-input-large,[data-theme=dark] .fb-select,[data-theme=dark] .fb-textarea{background:#ffffff0f;border-color:#ffffff1f;color:#e5e7eb}[data-theme=dark] .fb-select-wrapper:after{border-bottom-color:#e5e7ebb3;border-right-color:#e5e7ebb3}[data-theme=dark] .fb-toggle-row{background:#8b5cf61f;border-color:#8b5cf640}[data-theme=dark] .fb-toggle-helper{color:#e5e7ebb8}[data-theme=dark] .fb-members-chips{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .fb-member-pill{background:#00000059;border-color:#ffffff1f;color:#e5e7eb}[data-theme=dark] .family-events-modal-backdrop{background:#000000b8}@media (max-width:980px){.fb-events-form{grid-template-columns:1fr}}@media (max-width:520px){.family-events-modal.fb-style{border-radius:14px;width:100%}.fb-form-scroll{padding:14px}.fb-modal-header{padding:12px 14px}}.fb-form-root{display:flex;flex-direction:column;height:calc(90vh - 60px)}.fb-form-scroll{flex:1 1;overflow-y:auto}.fb-form-actions{background:#fff;border-top:1px solid #e4e6eb;bottom:0;padding:14px 24px;position:-webkit-sticky;position:sticky}.fb-events-form{grid-gap:18px;grid-column-gap:22px;align-items:start;column-gap:22px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.fb-form-group{min-width:0;width:100%}.fb-events-form>.fb-error,.fb-events-form>.fb-form-group:nth-child(2),.fb-events-form>.fb-image-upload-section,.fb-events-form>.fb-toggle-row{grid-column:1/-1}.fb-input,.fb-input-large,.fb-select,.fb-textarea{background:#f7f8fb;border:1px solid #d7dbe3;border-radius:12px;box-sizing:border-box!important;color:#111827;font-size:14px;outline:none;width:100%!important}.fb-input,.fb-input-large,.fb-select{height:46px;line-height:46px;padding:0 14px}.fb-textarea{line-height:1.4;min-height:110px;padding:12px 14px;resize:vertical}.fb-input-large:focus,.fb-input:focus,.fb-select:focus,.fb-textarea:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.fb-select{cursor:pointer}.fb-select-wrapper:after{color:#6b7280;content:"▾";font-size:14px}.fb-input[type=date],.fb-input[type=time]{padding-right:44px}.fb-input[type=date]::-webkit-calendar-picker-indicator,.fb-input[type=time]::-webkit-calendar-picker-indicator{opacity:.9}@media (max-width:900px){.fb-events-form{grid-template-columns:1fr}}.fb-date-wrapper,.fb-select-wrapper,.fb-time-wrapper{position:relative;width:100%}.fb-select{padding-right:44px!important}.fb-select-wrapper:after{opacity:.8}.fb-input[type=date],.fb-input[type=time]{padding-right:44px!important}.fb-input[type=date]::-webkit-calendar-picker-indicator,.fb-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;height:18px;opacity:.7;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.fb-form-group{position:relative}.fb-desc-row{grid-column:1/-1}.fb-desc-row .fb-textarea{background:#f7f8fb;border:1px solid #d7dbe3;border-radius:12px;box-sizing:border-box;padding:12px 14px}.fb-desc-row{width:100%}[data-theme=dark] .fb-select-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");opacity:.9}.fb-input,.fb-select{align-items:center;background:#f7f8fb;border:1px solid #d7dbe3;border-radius:12px;box-sizing:border-box;display:flex;height:46px;padding:0 14px;width:100%}.fb-input-icon .fb-input{padding-right:44px}.fb-icon-calendar:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}.fb-icon-clock:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}.fb-select-wrapper{position:relative;width:100%}.fb-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px}.fb-select-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px;content:"";height:18px;opacity:.85;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px}[data-theme=dark] .fb-input,[data-theme=dark] .fb-select{background:#0b1220;border-color:#1f2937;color:#e5e7eb}.fb-input-icon:after{background-position:50%;background-repeat:no-repeat;background-size:18px 18px;content:"";height:18px;opacity:.85;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px}.fb-events-form>.fb-desc-row,.fb-events-form>.fb-error,.fb-events-form>.fb-form-group:nth-child(2),.fb-events-form>.fb-image-upload-section,.fb-events-form>.fb-toggle-row{grid-column:1/-1}.fb-toggle-row{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.fb-desc-row .fb-textarea{width:100%}.fb-events-form>.fb-desc-row{grid-column:1/-1}.fb-input-icon{position:relative;width:100%}.fb-input-icon .fb-input{padding-right:46px!important}.fb-input[type=date]::-webkit-calendar-picker-indicator,.fb-input[type=time]::-webkit-calendar-picker-indicator{display:none;opacity:0}.fb-icon-btn{background:#0000;border:none;border-radius:10px;cursor:pointer;height:34px;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px}.fb-icon-btn:hover{background:#0f172a0f}[data-theme=dark] .fb-icon-btn:hover{background:#ffffff14}.wish-modal-backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0c0c0eb8;display:grid;inset:0;overflow:auto;padding:18px;place-items:center;position:fixed;z-index:1400}.wish-modal.wish-style{background:#f9f8ff;border:1px solid #11182714;border-radius:14px;box-shadow:0 18px 55px #00000059;display:flex;flex-direction:column;max-height:calc(100vh - 36px);overflow:hidden;width:min(900px,96vw)}.wish-modal-header{align-items:center;background:#f9f8ff;border-bottom:1px solid #11182714;display:flex;justify-content:space-between;padding:18px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.wish-modal-title{color:#0f172a;font-size:16px;font-weight:800;margin:0}.wish-modal-close{background:#0f172a0f;border:1px solid #11182714;border-radius:999px;color:#0f172a;cursor:pointer;display:grid;font-size:18px;height:36px;place-items:center;transition:.15s;width:36px}.wish-modal-close:hover{background:#0f172a1a;transform:scale(1.03)}.wish-modal-body{display:flex;flex-direction:column;min-height:0}.wish-modal-scroll{flex:1 1 auto;overflow:auto;padding:16px 16px 14px}.wish-field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.wish-label{color:#0f172aa6;font-size:12.5px;font-weight:700}.wish-input{background:#f9f8ff;border:1px solid #0206171f;border-radius:12px;color:#0f172a;font-size:14px;outline:none;padding:10px 12px;transition:.15s;width:100%}.wish-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf629}.wish-textarea{min-height:96px;resize:vertical}.wish-tab-btn,.wish-tabs-row{display:inline-flex;gap:8px}.wish-tab-btn{align-items:center;border:1px solid #0206171f;border-radius:10px;cursor:pointer;font-size:13px;font-weight:800;padding:8px 12px;transition:.15s}.wish-tab-emoji{background:#fff;color:#0f172a}.wish-tab-emoji:hover{background:#0f172a0a}.wish-tab-gif{background:#8b5cf61a;border-color:#8b5cf638;color:#6d28d9}.wish-tab-gif:hover{background:#8b5cf629}.wish-tabs-row img{height:20px;width:20px}.wish-tab-btn.is-active{border-color:#8b5cf6}.wish-emoji-grid{display:flex;flex-wrap:wrap;gap:8px}.wish-emoji-btn{background:#fff;border:1px solid #0206171f;border-radius:999px;cursor:pointer;font-size:18px;height:40px;transition:.12s;width:40px}.wish-emoji-btn:hover{box-shadow:0 10px 18px #00000014;transform:translateY(-1px)}.wish-gif-picker{flex-direction:column}.wish-gif-picker,.wish-gif-search-row{display:flex;gap:10px}.wish-gif-search-input{flex:1 1}.wish-gif-search-btn{background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:800;height:40px;padding:0 14px;transition:.15s}.wish-gif-search-btn:hover{background:#6d28d9}.wish-gif-error{color:#b91c1c;font-size:12px;font-weight:600}.wish-gif-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));max-height:190px;overflow:auto;padding-bottom:4px}.wish-gif-item{background:#0000;border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;padding:0}.wish-gif-item img{display:block;height:92px;object-fit:cover;width:100%}.wish-gif-item-selected{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf62e}.wish-gif-loading{color:#0f172a99;font-size:13px;grid-column:1/-1;text-align:center}.wish-gif-preview-inner{align-items:center;background:#f7f7fb;border:1px solid #0206171f;border-radius:12px;display:inline-flex;gap:8px;padding:6px}.wish-gif-preview-inner img{border-radius:10px;height:56px}.wish-gif-clear{background:#fff;border:1px solid #0206171f;border-radius:999px;cursor:pointer;font-size:16px;height:34px;width:34px}.wish-media-row{display:flex;flex-wrap:wrap;gap:12px}.wish-media-section{display:flex;flex:1 1 240px;flex-direction:column;gap:8px}.wish-media-upload-btn{align-items:center;background:#f9f8ff;border:1px dashed #0206172e;border-radius:12px;color:#0f172ab3;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;padding:10px 14px}.wish-media-upload-btn input{display:none}.wish-media-preview{align-items:center;background:#f7f7fb;border:1px solid #0206171f;border-radius:12px;display:inline-flex;gap:8px;padding:6px}.wish-media-preview img,.wish-media-preview video{border-radius:12px;height:96px;object-fit:cover;width:96px}.wish-media-clear{background:#fff;border:1px solid #0206171f;border-radius:999px;color:#0f172ab3;cursor:pointer;font-size:16px;height:34px;width:34px}.wish-audio-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wish-audio-btn,.wish-media-record-btn{background:#8b5cf6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px;transition:.15s}.wish-audio-btn:hover,.wish-media-record-btn:hover{background:#6d28d9}.wish-audio-btn-stop,.wish-media-record-btn-stop{background:#ef4444!important}.wish-audio-player{flex:1 1;min-width:180px}.wish-audio-clear{background:#0000;border:none;color:#ef4444;cursor:pointer;font-size:13px;font-weight:800}.wish-media-live{background:#000;border-radius:12px;height:140px;width:220px}.wish-error{color:#b91c1c;font-size:13px;font-weight:700}.wish-modal-footer{background:#f9f8ff;border-top:1px solid #11182714;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:20}.wish-btn{border:1px solid #0206171f;border-radius:10px;cursor:pointer;font-size:13px;font-weight:900;min-width:170px;padding:10px 14px;transition:.15s}.wish-btn-cancel{background:#f3f4f6;color:#111827}.wish-btn-cancel:hover{background:#e5e7eb}.wish-btn-primary{background:#8b5cf6;border-color:#8b5cf659;color:#fff}.wish-btn-primary:hover{background:#6d28d9}.wish-view-body{gap:12px;max-height:calc(100vh - 120px);overflow:auto;padding:25px}.wish-item,.wish-view-body{display:flex;flex-direction:column}.wish-item{background:#f0ebff;border:1px solid #0206171f;border-radius:14px;gap:8px;padding:12px 14px}.wish-item-header{align-items:center;display:flex;gap:10px}.wish-item-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:999px;color:#fff;display:flex;font-size:13px;font-weight:900;height:34px;justify-content:center;overflow:hidden;width:34px}.wish-item-avatar-img{border-radius:999px;display:block;height:100%;object-fit:cover;width:100%}.wish-item-name{color:#0f172a;font-size:25px;font-weight:900}.wish-item-family{color:#0f172a99;font-size:12px;font-style:italic}.wish-item-time{color:#0f172a80;font-size:11px}.wish-item-text{color:#111827;font-size:17px;margin:0}.wish-item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.wish-item-footer-right{align-items:center;display:flex;gap:8px}[data-theme=dark] .wish-modal-footer,[data-theme=dark] .wish-modal-header,[data-theme=dark] .wish-modal.wish-style{background:#0c0c0c;border-color:#ffffff14}[data-theme=dark] .wish-modal-title{color:#e5e7eb}[data-theme=dark] .wish-input{background:#ffffff0f;border-color:#ffffff1f;color:#e5e7eb}[data-theme=dark] .wish-label{color:#e5e7ebbf}[data-theme=dark] .wish-gif-preview-inner,[data-theme=dark] .wish-item,[data-theme=dark] .wish-media-preview,[data-theme=dark] .wish-media-upload-btn{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .wish-tab-emoji{background:#ffffff0f;color:#e5e7eb}[data-theme=dark] .wish-tab-gif{background:#8b5cf62e;color:#ede9fe}[data-theme=dark] .wish-btn-cancel{background:#ffffff14;color:#e5e7eb}@media (max-width:700px){.wish-gif-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wish-btn{min-width:140px}}.ed-backdrop{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1300}.ed-modal{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:18px;box-shadow:0 24px 80px #0f172a59;display:flex;flex-direction:column;max-height:86vh;max-width:760px;overflow:hidden;width:100%}.ed-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:14px;justify-content:space-between;padding:16px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ed-header-left{align-items:center;display:flex;gap:14px;min-width:0}.ed-thumb{border-radius:16px;box-shadow:0 10px 24px #0f172a2e;flex-shrink:0;height:58px;object-fit:cover;width:58px}.ed-thumb--ph{align-items:center;color:#fff;display:flex;justify-content:center}.ed-thumb-icon{font-size:28px}.ed-title-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.ed-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ed-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:18px;font-weight:700;line-height:1.2;margin:0;word-break:break-word}.ed-type{background:#8b5cf61f;border:1px solid #6d28d938;border-radius:999px;color:#6d28d9;font-size:11px;font-weight:700;letter-spacing:.05em;padding:5px 12px;text-transform:uppercase;white-space:nowrap}.ed-pills{display:flex;flex-wrap:wrap;gap:8px}.ed-pill{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:999px;color:#475569;color:var(--text-secondary,#475569);display:inline-flex;gap:6px;padding:6px 10px}.ed-pill,.ed-pill-ic{font-size:13px}.ed-pill--accent{background:linear-gradient(135deg,#ede9fe,#fdf2ff);border-color:#8b5cf640;color:#6d28d9}.ed-close{align-items:center;background:#0f172a0a;border:1px solid #0f172a14;border-radius:999px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;width:36px}.ed-close:hover{background:#0f172a1a;box-shadow:0 8px 18px #0f172a2e;transform:rotate(90deg)}.ed-body{min-height:0;overflow-y:auto;padding:14px 18px 16px}.ed-card{background:#fff;background:var(--bg-main,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:16px;margin-bottom:12px;padding:14px}.ed-card-title{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.ed-subtle{color:#94a3b8;font-weight:600;margin-left:6px}.ed-grid{grid-gap:8px;display:grid;gap:8px}.ed-row{align-items:center;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.ed-k{color:#64748b;font-size:13px;font-weight:700}.ed-v{font-weight:600;text-align:right}.ed-desc,.ed-v{color:#0f172a;font-size:14px}.ed-desc{line-height:1.55;margin:0;white-space:pre-wrap}.ed-loading{align-items:center;color:#64748b;display:flex;font-size:13px;gap:10px}.ed-spinner{animation:edSpin .8s linear infinite;border:2px solid #e5e7eb;border-radius:999px;border-top-color:#8b5cf6;height:18px;width:18px}@keyframes edSpin{to{transform:rotate(1turn)}}.ed-cohosts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ed-cohost{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;gap:10px;padding:10px}.ed-cohost,.ed-cohost-av{align-items:center;display:flex}.ed-cohost-av{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:999px;color:#fff;flex-shrink:0;font-weight:800;height:38px;justify-content:center;overflow:hidden;width:38px}.ed-cohost-av img{display:block;height:100%;object-fit:cover;width:100%}.ed-cohost-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ed-cohost-name{color:#0f172a;font-size:14px;font-weight:700;line-height:1.1}.ed-cohost-email{color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-empty{color:#64748b;font-size:13px}.ed-rsvp{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.ed-rsvp-item{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:12px 8px;text-align:center}.ed-rsvp-n{color:#0f172a;font-size:18px;font-weight:800;margin-bottom:2px}.ed-rsvp-t{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ed-meta{display:flex;justify-content:flex-start;margin:6px 0 2px}.ed-meta-pill{background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;color:#64748b;font-size:12px;padding:6px 10px}.ed-footer{background:#fff;background:var(--bg-card,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:flex;gap:10px;padding:12px 18px 16px}.ed-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;height:44px;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ed-btn:hover{box-shadow:0 10px 24px #0f172a24;transform:translateY(-1px)}.ed-btn--ghost{background:#eef2ff;color:#5b21b6}.ed-btn--ghost:hover{background:#e0e7ff}.ed-btn--danger{background:#fee2e2;color:#b91c1c}.ed-btn--danger:hover{background:#fecaca}[data-theme=dark] .ed-modal{background:#020617;border-color:#1f2937}[data-theme=dark] .ed-header{background:radial-gradient(circle at top left,#8b5cf629 0,#020617eb 60%,#020617 100%);border-bottom-color:#1f2937}[data-theme=dark] .ed-cohost-name,[data-theme=dark] .ed-desc,[data-theme=dark] .ed-rsvp-n,[data-theme=dark] .ed-title,[data-theme=dark] .ed-v{color:#e5e7eb}[data-theme=dark] .ed-pill{background:#0b1220;border-color:#1f2937;color:#cbd5e1}[data-theme=dark] .ed-card{background:#020617;border-color:#1f2937}[data-theme=dark] .ed-cohost,[data-theme=dark] .ed-meta-pill,[data-theme=dark] .ed-row,[data-theme=dark] .ed-rsvp-item{background:#0b1220;border-color:#1f2937}[data-theme=dark] .ed-card-title,[data-theme=dark] .ed-cohost-email,[data-theme=dark] .ed-k,[data-theme=dark] .ed-meta-pill,[data-theme=dark] .ed-rsvp-t{color:#94a3b8}[data-theme=dark] .ed-close{background:#ffffff0f;border-color:#ffffff0f;color:#e5e7eb}[data-theme=dark] .ed-footer{background:#020617;border-top-color:#1f2937}[data-theme=dark] .ed-btn--ghost{background:#8b5cf629;color:#e9d5ff}[data-theme=dark] .ed-btn--danger{background:#ef44442e;color:#fecaca}@media (max-width:700px){.ed-cohosts{grid-template-columns:1fr}.ed-rsvp{grid-template-columns:repeat(2,minmax(0,1fr))}}.public-events-sidebar{-ms-overflow-style:none;background:#fff;background:var(--bg-card,#fff);border:1px solid #94a3b840;box-shadow:0 18px 60px #0f172a29;box-sizing:border-box;flex:0 0 360px;max-height:calc(100vh - 80px);overflow-y:auto;padding:0 16px 12px;scrollbar-width:none;width:360px}.public-events-sidebar::-webkit-scrollbar{display:none}.public-events-header{background:#fff;margin:0 -16px;padding:16px 26px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.public-events-list{display:flex;flex-direction:column;gap:16px;margin-top:10px;padding-right:4px}.public-events-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.public-events-title-row h3{color:#0f172a;color:var(--text-primary,#0f172a);font-size:15px;font-weight:600;letter-spacing:.01em;margin:0}.public-events-count{background:#8b5cf61a;border-radius:999px;box-shadow:0 1px 3px #0f172a26;color:#6d28d9;font-size:12px;font-weight:600;min-width:28px;padding:2px 10px;text-align:center}.public-events-subtitle{font-size:12px;line-height:1.4;margin:4px 0 0}.public-events-state,.public-events-subtitle{color:#64748b;color:var(--text-secondary,#64748b)}.public-events-state{font-size:13px;padding-top:8px}.public-events-error{color:#b91c1c}.public-events-list::-webkit-scrollbar{width:6px}.public-events-list::-webkit-scrollbar-track{background:#0000}.public-events-list::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.public-events-list .family-event-card{box-shadow:0 1px 2px #0f172a1f}.family-events-page[data-theme=dark] .public-events-sidebar,[data-theme=dark] .public-events-sidebar{background:radial-gradient(circle at 0 0,#38bdf81a,#0000 55%),#020617;border-color:#1f2937;box-shadow:0 18px 60px #000000e6}[data-theme=dark] .public-events-header{background-color:#000!important;color:#fff}[data-theme=dark] .public-events-title-row h3{color:#fff}[data-theme=dark] .public-events-state,[data-theme=dark] .public-events-subtitle{color:#9ca3af}@media (max-width:1024px){.public-events-sidebar{display:none}}.public-events-item{margin-bottom:14px}.public-event-remove-link{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;margin-top:6px;padding:0;text-align:left}.public-event-remove-link:hover{text-decoration:underline}.blog-page{background:radial-gradient(circle at 90% 10%,#eef2ff 0,#f7f7ff 40%,#fafaff 100%);min-height:100vh;padding:26px}.blog-page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.blog-page-header h1{color:#111827;font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0}.blog-page-header p{color:#374151;font-size:13px;font-weight:600;margin:8px 0 0}.blog-divider{background:#6366f140;height:1px;margin:18px 0;width:100%}.blog-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:18px 0;width:100%}.blog-tabs{display:flex;gap:10px}.blog-tab{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;height:38px;padding:0 18px;transition:all .15s ease}.blog-tab:hover{background:#fff;border-color:#bfc8d6}.blog-tab.is-active{background:#6d57e6;border-color:#6d57e6;box-shadow:0 10px 22px #6d57e640;color:#fff}.blog-primary-btn{background:#6d57e6;border:none;border-radius:8px;box-shadow:0 10px 22px #6d57e638;color:#fff;cursor:pointer;font-size:13px;font-weight:800;height:38px;padding:0 18px;transition:transform .15s ease,box-shadow .15s ease}.blog-primary-btn:hover{box-shadow:0 14px 30px #6d57e647;transform:translateY(-1px)}.blog-alert{border-radius:10px;font-size:13px;margin-bottom:14px;padding:10px 12px}.blog-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.blog-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:10px;padding:40px 0}.blog-spinner{animation:blog-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:999px;border-top-color:#6d57e6;height:28px;width:28px}@keyframes blog-spin{to{transform:rotate(1turn)}}.blog-empty-wrap{display:grid;min-height:calc(100vh - 220px);place-items:center}.blog-empty-card{align-items:center;background:#0000;border-radius:18px;display:flex;flex-direction:column;gap:14px;max-width:520px;width:100%}.blog-empty-icon{display:grid;height:100px;opacity:.95;place-items:center;width:100px}.blog-empty-icon img{display:block;height:100px;width:100px}.blog-empty-btn{margin-top:8px}.blog-list{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:70px;width:100%}.blog-card{border-radius:16px;cursor:pointer;overflow:visible;padding-bottom:110px;position:relative}.blog-card-media{aspect-ratio:1/1;background:#e5e7eb;border-radius:16px;min-height:260px;overflow:hidden;width:100%}.blog-card-image{display:block;height:100%;object-fit:cover;width:100%}.blog-card-image--fallback{background:linear-gradient(135deg,#c7d2fe,#e9d5ff);height:100%;width:100%}.blog-card-float{background:#fff;border:1px solid #e2e8f0f2;border-radius:14px;bottom:18px;box-shadow:0 14px 26px #0f172a24;left:14px;padding:12px;position:absolute;right:14px;z-index:1}.blog-card-float-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.blog-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:900;padding:4px 10px}.chip-family{background:#6366f12e;color:#4f46e5}.chip-global{background:#3b82f629;color:#2563eb}.blog-date{color:#6b7280;font-size:10px;font-weight:800}.blog-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:12px;font-weight:900;line-height:1.25;margin:0;min-height:30px;overflow:hidden}.blog-card-float-bottom{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}.blog-author{align-items:center;display:flex;gap:8px;min-width:0}.blog-author-avatar{background:#0f172a;border-radius:999px;flex:0 0 auto;height:26px;overflow:hidden;position:relative;width:26px}.blog-author-avatar img{display:block}.blog-author-name{color:#111827;font-size:11px;font-weight:900;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-card-menu-wrapper{position:relative}.blog-card-menu-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:18px;padding:4px 6px}.blog-card-menu-btn:hover{background:#f3f4f6;color:#111827}.blog-card-menu-dropdown{background:#fff;border:1px solid #e2e8f0f2;border-radius:12px;box-shadow:0 16px 36px #0f172a2e;min-width:170px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.blog-card-menu-item{background:#0000;border:none;border-radius:10px;cursor:pointer;font-size:12px;font-weight:800;padding:8px 10px;text-align:left;width:100%}.blog-card-menu-item:hover{background:#f3f4ff;color:#4f46e5}.blog-card-menu-item-danger{color:#b91c1c}.blog-card-menu-item-danger:hover{background:#fee2e2;color:#991b1b}@media (max-width:1280px){.blog-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1024px){.blog-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.blog-controls{align-items:flex-start;flex-direction:column}.blog-primary-btn{width:100%}.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-author-name{max-width:180px}.blog-card-media{min-height:240px}}@media (max-width:520px){.blog-list{grid-template-columns:1fr}.blog-card-media{min-height:240px}}:root[data-theme=dark] .blog-page{background:radial-gradient(circle at 90% 10%,#0b1025 0,#050816 45%,#020617 100%)}:root[data-theme=dark] .blog-page-header h1{color:#e5e7eb}:root[data-theme=dark] .blog-page-header p{color:#9ca3af}:root[data-theme=dark] .blog-divider{background:#a5b4fc38}:root[data-theme=dark] .blog-tab{background:#0b1220;border-color:#1f2937;color:#9ca3af}:root[data-theme=dark] .blog-tab.is-active{background:#6d57e6;border-color:#6d57e6;color:#fff}:root[data-theme=dark] .blog-card-float{background:#020617;border-color:#1f2937}:root[data-theme=dark] .blog-author-name,:root[data-theme=dark] .blog-title{color:#e5e7eb}:root[data-theme=dark] .blog-date{color:#94a3b8}:root[data-theme=dark] .blog-card-menu-dropdown{background:#020617;border-color:#1f2937}:root[data-theme=dark] .blog-card-menu-item{color:#e5e7eb}:root[data-theme=dark] .blog-card-menu-item:hover{background:#111827;color:#c7d2fe}.blog-card-image--fallback,.blog-card-media.is-fallback .blog-card-image--fallback{display:block}.blog-card-media:not(.is-fallback) .blog-card-image--fallback{inset:0;position:absolute;z-index:0}.blog-card-image{z-index:0}.blog-card-image,.blog-card-media{position:relative}.blog-card-image--avatar{filter:saturate(1.05);object-fit:cover}.blog-card-image--alphabet{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:grid;font-size:64px;font-weight:900;height:100%;place-items:center;text-transform:uppercase;width:100%}.blog-author-avatar img{height:100%;object-fit:cover;width:100%}.blog-author-avatar-initial{color:#fff;display:grid;font-size:11px;font-weight:900;inset:0;place-items:center;position:absolute}.blog-detail-page{background:radial-gradient(circle at 90% 10%,#eef2ff 0,#f7f7ff 40%,#fafaff 100%);box-sizing:border-box;height:100vh;overflow:hidden;padding:46px}@media (max-width:980px){.bd-wrap,.blog-detail-page{height:auto;overflow:visible}.bd-wrap{grid-template-columns:1fr}.bd-main{padding-right:0}.bd-main,.bd-side,.bd-side-inner{height:auto;overflow:visible}}.bd-wrap{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) 410px;height:100%;margin:0;max-width:100%;overflow:hidden;width:100%}@media (min-width:1280px){.bd-wrap{grid-template-columns:minmax(0,1fr) 440px}}.bd-main{height:100%;min-width:0;overflow-y:auto;padding-right:6px}.bd-top-actions{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.bd-back-btn{background:#6366f11a;border:none;border-radius:999px;color:#4f46e5;cursor:pointer;font-weight:800;padding:10px 14px;transition:transform .15s ease,background .15s ease}.bd-back-btn:hover{background:#6366f129;transform:translateY(-1px)}.bd-menu-wrapper{position:relative}.bd-menu-btn{background:#0f172a0f;border:none;border-radius:999px;cursor:pointer;font-size:18px;font-weight:900;padding:8px 12px}.bd-menu-btn:hover{background:#0f172a1a}.bd-menu-dropdown{background:#fff;border:1px solid #e2e8f0f2;border-radius:14px;box-shadow:0 16px 36px #0f172a2e;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 10px);z-index:10}.bd-menu-item{background:#0000;border:none;border-radius:12px;cursor:pointer;font-weight:800;padding:10px;text-align:left;width:100%}.bd-menu-item:hover{background:#f3f4ff;color:#4f46e5}.bd-menu-item-danger{color:#b91c1c}.bd-menu-item-danger:hover{background:#fee2e2;color:#991b1b}.bd-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:14px;box-shadow:0 16px 45px #0f172a1a;overflow:hidden}.bd-hero{background:#0f172a;padding:12px;width:100%}.bd-hero-img{border-radius:10px;display:block;height:auto;max-height:520px;object-fit:contain;width:100%}.bd-content{padding:14px 16px 18px}.bd-meta-row{gap:10px;justify-content:space-between;margin-bottom:8px}.bd-meta-left,.bd-meta-row{align-items:center;display:flex}.bd-meta-left{gap:8px}.bd-dot{background:#8b5cf6;border-radius:999px;height:8px;width:8px}.bd-author-mini{color:#111827;font-size:13px;font-weight:900}.bd-date{color:#64748b;font-size:12px;font-weight:800}.bd-title{color:#0f172a;font-size:24px;font-weight:900;letter-spacing:-.02em;margin:6px 0 10px}.bd-submeta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.bd-submeta-chip{background:#6366f11f;color:#4f46e5}.bd-chip,.bd-submeta-chip{border-radius:999px;font-size:12px;font-weight:900;padding:7px 12px}.bd-chip-family{background:#6366f12e;color:#4f46e5}.bd-chip-global{background:#3b82f629;color:#2563eb}.bd-body{color:#374151;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.bd-body p{margin:10px 0}.bd-body img{border-radius:10px;display:block;height:auto;max-width:100%}.bd-posted-in{align-items:center;border-top:1px solid #e2e8f0e6;display:flex;gap:10px;justify-content:space-between;margin-top:14px;padding-top:12px}.bd-posted-label{color:#111827;font-size:13px;font-weight:900}.bd-posted-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.bd-pill{background:#f3f4f6;border-radius:999px;color:#374151;font-size:12px;font-weight:900;padding:7px 12px}.bd-author-box{align-items:center;background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;display:flex;gap:10px;margin-top:14px;padding:12px}.bd-author-avatar{background:#e5e7eb;border-radius:999px;color:#111827;display:grid;flex:0 0 auto;font-weight:900;height:46px;overflow:hidden;place-items:center;width:46px}.bd-author-avatar img{display:block;height:100%;object-fit:cover;width:100%}.bd-author-info{flex:1 1;min-width:0}.bd-author-name{color:#0f172a;font-size:14px;font-weight:900}.bd-author-sub{color:#64748b;font-size:12px;font-weight:800;margin-top:2px}.bd-reply-btn{background:#f3f4f6;border:none;border-radius:999px;cursor:pointer;font-size:13px;font-weight:900;padding:9px 14px}.bd-comments-section{margin-top:16px;padding-top:14px}.bd-section-title{color:#0f172a;font-size:15px;font-weight:900;margin:0 0 10px}.bd-comment-hint{color:#64748b;font-size:13px;font-weight:700;margin:0}.bd-comments-error{color:#ef4444;font-size:13px;font-weight:800;margin:0 0 8px}.bd-form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.bd-input{border:none;border-radius:10px;font-weight:700;height:40px;padding:0 12px}.bd-input,.bd-textarea{background:#f3f4f6;color:#111827;font-size:13px;outline:none}.bd-textarea{border:none;border-radius:12px;font-weight:650;min-height:120px;padding:12px;resize:vertical;width:100%}.bd-submit{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:900;margin-top:10px;padding:11px 18px}.bd-existing-comments{margin-top:14px;width:100%}.bd-comments-loading{color:#64748b;font-size:13px;font-weight:700;margin:0}.bd-comments-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:10px 0 0;padding:0;width:100%}.bd-comment-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0d9;border-radius:12px;display:flex;gap:12px;padding:12px;width:100%}.bd-comment-avatar{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:999px;color:#fff;display:grid;flex:0 0 auto;font-weight:900;height:46px;overflow:hidden;place-items:center;width:46px}.bd-comment-avatar img{display:block;height:100%!important;object-fit:cover!important;width:100%!important}.bd-comment-main{flex:1 1;max-width:100%;min-width:0}.bd-comment-header-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:4px}.bd-comment-author{color:#0f172a;font-size:13px;font-weight:900}.bd-comment-date{color:#64748b;font-size:11px;font-weight:800}.bd-comment-text{color:#374151;font-size:13px;line-height:1.7;margin:0;word-break:break-word}.bd-side-inner::-webkit-scrollbar{width:8px}.bd-side-inner::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:10px}.bd-side-inner::-webkit-scrollbar-track{background:#0000}.bd-side-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:14px;box-shadow:0 12px 30px #0f172a0f;margin-bottom:14px;padding:14px}.bd-search-wrap{align-items:center;background:#6d57e62e;border-radius:12px;display:flex;gap:10px;padding:12px}.bd-search-ico{font-size:16px}.bd-search-input{background:#0000;border:none;font-size:14px;font-weight:800;outline:none;width:100%}.bd-side-title{color:#0f172a;font-size:14px;font-weight:900}.bd-side-divider{background:#94a3b859;height:1px;margin:12px 0}.bd-side-empty{color:#64748b;font-size:13px;font-weight:800}.bd-latest{display:flex;flex-direction:column;gap:10px}.bd-latest-item{grid-gap:12px;background:#0000;border:none;border-radius:12px;cursor:pointer;display:grid;gap:12px;grid-template-columns:54px 1fr;padding:10px;text-align:left}.bd-latest-item:hover{background:#f8fafc}.bd-latest-date{color:#64748b;font-size:12px;font-weight:800}.bd-latest-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:13px;font-weight:900;line-height:1.35;margin-top:2px;overflow:hidden}.bd-cats{flex-direction:column}.bd-cat,.bd-cats{display:flex;gap:10px}.bd-cat{align-items:center;background:#0000;border:none;border-radius:12px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:900;padding:10px}.bd-cat:hover{background:#f8fafc}.bd-cat.is-active{background:#6d57e61f;color:#4f46e5}.bd-cat-arrow{color:#8b5cf6;font-size:20px;font-weight:900}.bd-tags-side{display:flex;flex-wrap:wrap;gap:10px}.bd-tag-chip-side{background:#f3f4f6;border-radius:999px;color:#0f172a;font-size:12px;font-weight:900;padding:8px 12px}.bd-loader{animation:bd-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:999px;border-top-color:#6d57e6;height:34px;margin-top:60px;width:34px}@keyframes bd-spin{to{transform:rotate(1turn)}}.bd-loading-text{color:#64748b;font-weight:800}.bd-error-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;margin-top:60px;padding:18px}@media (max-width:980px){.bd-wrap{grid-template-columns:1fr}.bd-side-inner{max-height:none;overflow:visible;position:static}}:root[data-theme=dark] .blog-detail-page{background:radial-gradient(circle at 90% 10%,#0b1025 0,#050816 45%,#020617 100%)}:root[data-theme=dark] .bd-author-box,:root[data-theme=dark] .bd-card,:root[data-theme=dark] .bd-side-card{background:#020617;border-color:#1f2937;box-shadow:none}:root[data-theme=dark] .bd-author-mini,:root[data-theme=dark] .bd-author-name,:root[data-theme=dark] .bd-cat,:root[data-theme=dark] .bd-comment-author,:root[data-theme=dark] .bd-latest-title,:root[data-theme=dark] .bd-posted-label,:root[data-theme=dark] .bd-section-title,:root[data-theme=dark] .bd-side-title,:root[data-theme=dark] .bd-title{color:#e5e7eb}:root[data-theme=dark] .bd-body,:root[data-theme=dark] .bd-body *{color:#cbd5e1}:root[data-theme=dark] .bd-author-sub,:root[data-theme=dark] .bd-comment-date,:root[data-theme=dark] .bd-comment-hint,:root[data-theme=dark] .bd-date,:root[data-theme=dark] .bd-latest-date{color:#9ca3af}:root[data-theme=dark] .bd-search-wrap{background:#4f46e547}:root[data-theme=dark] .bd-input,:root[data-theme=dark] .bd-textarea{background:#0b1220;color:#e5e7eb}:root[data-theme=dark] .bd-cat:hover,:root[data-theme=dark] .bd-latest-item:hover{background:#111827}:root[data-theme=dark] .bd-pill,:root[data-theme=dark] .bd-tag-chip-side{background:#111827;color:#e5e7eb}:root[data-theme=dark] .bd-comment-item{background:#0b1220;border-color:#1f2937}.bd-latest-thumb{background:#0f172a;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #94a3b859;border-radius:10px;height:54px;width:54px}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{height:0;width:0}.bd-main,.bd-side-inner{-ms-overflow-style:none;scrollbar-width:none}.bd-main::-webkit-scrollbar,.bd-side-inner::-webkit-scrollbar{height:0;width:0}:root{--bd-sticky-top:86px;--bd-side-w:410px;--bd-page-pad:46px}.bd-side{position:relative}.bd-side,.bd-side-inner{width:410px;width:var(--bd-side-w)}.bd-side-inner{max-height:calc(100vh - 102px);max-height:calc(100vh - var(--bd-sticky-top) - 16px);overflow-x:hidden;overflow-y:auto;padding-bottom:12px;position:fixed;right:46px;right:var(--bd-page-pad);top:86px;top:var(--bd-sticky-top)}@media (max-width:980px){.bd-side{width:100%}.bd-side-inner{max-height:none;overflow:visible;position:static;width:auto}}.bd-comment-reply-btn{font-weight:700}.bd-replies{border-left:2px solid #eef0ff;padding-left:22px}.bd-replies,.bd-reply-item{margin-top:10px}.bd-replying{align-items:center;background:#f4f5ff;border:1px solid #e6e8ff;border-radius:10px;display:flex;gap:10px;margin:10px 0;padding:10px 12px}.bd-reply-cancel{background:#0000;border:none;color:#ff3b3b;cursor:pointer;font-weight:700;margin-left:auto}.bd-comment-actions{align-items:center;display:flex;gap:14px;margin-top:8px}.bd-comment-reply-btn{color:#5f67ec;font-weight:800}.bd-comment-icon-btn,.bd-comment-reply-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;line-height:1;padding:0}.bd-comment-icon-btn{justify-content:center}.bd-comment-delete-btn{color:#ff3b3b;transform:translateY(.5px)}.bd-comment-delete-btn svg{display:block}.bd-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0206178c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:99999}.bd-modal{animation:bdPop .14s ease-out;background:#fff;border:1px solid #e2e8f0f2;border-radius:16px;box-shadow:0 22px 60px #0f172a47;max-width:420px;padding:14px;width:100%}@keyframes bdPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bd-modal-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.bd-modal-title{font-size:15px}.bd-modal-title,.bd-modal-x{color:#0f172a;font-weight:900}.bd-modal-x{background:#0f172a0f;border:none;border-radius:10px;cursor:pointer;display:grid;font-size:20px;height:34px;place-items:center;width:34px}.bd-modal-x:hover{background:#0f172a1a}.bd-modal-msg{color:#475569;font-size:13px;font-weight:700;padding:6px 2px 12px}.bd-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:6px}.bd-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px}.bd-modal-cancel{background:#f1f5f9;color:#0f172a}.bd-modal-cancel:hover{background:#e2e8f0}.bd-modal-danger{background:#ef4444;color:#fff}.bd-modal-danger:hover{background:#dc2626}.bd-modal-btn:disabled{cursor:not-allowed;opacity:.7}:root[data-theme=dark] .bd-modal{background:#020617;border-color:#1f2937}:root[data-theme=dark] .bd-modal-title{color:#e5e7eb}:root[data-theme=dark] .bd-modal-msg{color:#94a3b8}:root[data-theme=dark] .bd-modal-x{background:#94a3b81f;color:#e5e7eb}:root[data-theme=dark] .bd-modal-cancel{background:#111827;color:#e5e7eb}.blog-editor-page{background:radial-gradient(circle at 90% 10%,#eef2ff 0,#f7f7ff 40%,#fafaff 100%);display:block;min-height:100vh;padding:16px;width:100%}.be-container{margin:0;max-width:100%;width:100%}.be-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.be-back-btn{background:#735eec;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px;transition:background .2s,color .2s}.be-back-btn:hover{background:#5544ba}.be-top-actions{align-items:center;display:flex;gap:10px}.be-ai-btn,.be-save-btn,.be-tts-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.be-tts-btn{background:#e2e8f0;color:#0f172a}.be-tts-btn.is-speaking{background:#fee2e2;color:#b91c1c}.be-ai-btn{background:#8b5cf61f;color:#7c3aed}.be-save-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 12px 30px #4f46e559;color:#fff}.be-save-btn:disabled{box-shadow:none;cursor:default;opacity:.7}.be-form{background:#0000;border-radius:0;box-shadow:none;padding:30px}.be-header{border-bottom:1px solid #6366f140;margin-bottom:18px;padding-bottom:16px}.be-header h1{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.be-header p{color:#64748b;font-size:13px;font-weight:600;margin:0}.be-error{background:#fee2e2;border-radius:12px;color:#b91c1c;font-size:13px;margin:14px 0 16px;padding:10px 14px}.be-grid{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 420px;width:100%}@media (max-width:1100px){.be-grid{grid-template-columns:minmax(0,1fr) 380px}}@media (max-width:900px){.be-grid{grid-template-columns:1fr}}.be-field{display:flex;flex-direction:column;margin-bottom:18px}.be-field label{color:#0f172a;font-size:13px;font-weight:700;margin-bottom:8px}.be-field input[type=text]{background:#ffffffb3;border:1px solid #94a3b899;border-radius:12px;font-size:14px;outline:none;padding:12px 14px;transition:border .2s,box-shadow .2s,background .2s}.be-field input[type=text]::placeholder{color:#94a3b8;font-weight:500}.be-field input[type=text]:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.be-toolbar{align-items:center;background:#f2f5fa;border:1px solid #94a3b873;border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:10px}.be-toolbar-group{align-items:center;display:inline-flex;gap:4px}.be-toolbar button{background:#0000;border:none;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:700;min-width:28px;padding:6px 8px;text-align:center;transition:background .15s ease,transform .15s ease,color .15s ease}.be-toolbar button:hover{background:#94a3b838;color:#0f172a;transform:translateY(-1px)}.be-toolbar-divider{background:#94a3b8b3;height:18px;width:1px}.be-select{background:#ffffffb3;border:1px solid #94a3b873;border-radius:10px;color:#334155;cursor:pointer;font-size:13px;outline:none;padding:6px 10px}.be-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.be-select-narrow{text-align:center;width:64px}.be-toolbar-color-group .be-color-dot{background-color:#0f172a;border:1px solid #0f172a38!important;border-radius:999px!important;box-shadow:inset 0 0 0 2px #ffffff59;display:inline-block!important;height:12px!important;min-width:18px!important;padding:0!important;width:18px!important}.be-toolbar-color-group .be-color-dot:hover{filter:saturate(1.15);transform:translateY(-1px)}.be-toolbar-color-group .be-color-dot.be-color-purple{background-color:#7c3aed!important}.be-toolbar-color-group .be-color-dot.be-color-orange{background-color:#f97316!important}.be-toolbar-color-group .be-color-dot.be-color-highlight{background-color:#facc15!important}.be-mic-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:999px;box-shadow:0 0 0 0 #6366f199;color:#fff;display:inline-flex;justify-content:center;padding:6px 10px}.be-mic-btn:hover{transform:translateY(-1px)}.be-mic-btn.is-listening{animation:be-mic-pulse 1.2s infinite}@keyframes be-mic-pulse{0%{box-shadow:0 0 0 0 #6366f199}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.be-editor{background:#ffffffbf;border:1px solid #94a3b88c;border-radius:16px;font-size:15px;line-height:1.65;min-height:360px;outline:none;padding:16px;transition:border .2s,box-shadow .2s,background .2s}.be-editor:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.be-editor[placeholder]:empty:before{color:#94a3b8;content:attr(placeholder);font-weight:500}.be-side{background:#f8f6f7;border:1px solid #94a3b859;border-radius:18px;height:-webkit-fit-content;height:fit-content;overflow:visible;padding:18px}@media (max-width:900px){.be-side{margin-top:6px}}.be-side .be-field{margin-bottom:18px}.be-side .be-field:last-child{margin-bottom:0}.be-side .be-field label{color:#0f172a;font-size:13px;font-weight:800;margin-bottom:10px}.be-visibility-options{display:flex;flex-direction:column;gap:12px}.be-radio-pill{align-items:center;background:#ffffffd9;border:1px solid #94a3b859;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:14px;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.be-radio-pill:before{background:#7c3aed1f;background-position:50%;background-repeat:no-repeat;background-size:18px 18px;border:1px solid #7c3aed2e;border-radius:999px;content:"";flex:0 0 auto;height:38px;width:38px}.be-radio-pill.be-radio-family:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAgCAYAAACVU7GwAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAACGVJREFUWIWll2t0VNUVx3/73ElIsgwFQwFBKyYzIUSLpSxo7cMlaKH1ReUxk1Dagq5qtV3WhbVVgbm5QXGldvnqFx9VlCJJBog1bZFacWnV6iJgK7Y8ZgZIUyRISUHQQDJzz+6HMDiTTJDa/e3u/3787//se865oqoMZt7cRLlveFiEy4Hik+4UytvGMYvdxoq/DJr8f5gMRsqr3TXGWvMu8AbIE6qyH0Acf5hYZityo1Gd5sYqXz9dg2hNfIqo+YGiFwCISJdR2+Q2V/52sJzAYIBax0P1H/VrQ7NU6c98U10kkbbQAHw179sKEg0n7xfkJ4p9CTWvAb2gVRZZ5UYSb5mUWeC2VBw8c1KqUxFdlYcQAFalRYSbvPD2QjdW3dsfd8OJeoUb1Oj0+sbK17Ixb05yqXV0nQ3Yjd6i9q+4K8edyMZNvoZuJHkNwniDvAPgLUgOzWA/n7WrVARxfHYDH1kJ3N0/f9ncPSGFuxFZmCF0001bC07VXx/cl0r7VyGc53enFvbPz0sKbCXK39zm0Etubfxym9IPouHEwmhN/OKiIvNBdF7ip+764D6QRpDKAUWd9GVAR31zsBVgWU1iwugjQ4944fjUTMyKlqoukOcMOq1/fv7lE9MBepEXSVxaH6t8ua5m5wVUVXW4LtYL7xm3f/jhziVzdpwTCARmA6sGFjBjUN39s2t3neWG5UpjZDlwzIr8qS6SeEpU3gCzWcW2g8w8I6W8puBaYJuFK1RRt7Gq3XWxAG6svOOxxyanAgUFU4GzTElB3cAKWiaiXcVFZikivwY2HNPiC4zKdy1UWtHHrfgtqBwCRpyZUgDCyygzgWj+AJ2p6Bv9hxRAhDKUQyoMQXnBawrddhJqBVqj4cSNAreK0AWU9c8fZKbApp1ngElubfzy/tjScHwsyvcckSfy5lpGIBwCUJDBemifUmUiuTGDklq+rjwh0ICVZ72a5Axv2isBESRam5zkiLQCr7hNoZZ8uSKMsCpdqHQKjB6I6xiF97AcAgJ3zu8YdkakALxYKAryoFWN2ZFjj0fDiW6x+pbAZlNSMPc0qSNEpMugW4Ev3vWdjuE5qMp0Y/RtxwS6AAI96Zy5Oi0pVdRrDjZ0Dzk+VlUuVZVvplL+mLrm0M35ZinLylAO1cVCm4D2wnSPlwHcmuQshEvSKf/R/cO7ugANBGzOXA0Y9CVzdpxT6BRebMUfhchQY+yr96+ZuM2N7C5S8UetaKl61avdNcb3ZTaGo441R0C2u7GKJIDnYQBHffapom7E/BjsC25NciRq94P8UMG7Z/2EfwK4kfj7KIXZHERVWRzeV1wq3bchsgglBBwD6QQtUfTvPSc0XFRk/g0MMSKXqOpVCj8CDgIjgeHAfoE14mgDxvS6q4NHvQXJoT3d6YJAoSk3KosVSoFnDww7um7U0c9cRIreD01R5wOxc/+To9SS+XtHlUr6ZZAStfortYHf3bO+PKmKeuHkXCs8undIumcCZgcwNmXtvxzMZBF9sq45dAeAF97zOR9/OsJt6ssNmuYq4E1N6R0FBU6F1xSaD9RmmkYjyesFfRIHSjl+rC6SWCtq7suobQr89EMgh0+csBPrY5UPLF9Xnsgcwik/1QaUjTeF5wn8XtGt98Qq30N0sqpuOTUnsfKO+ljo6fpYaBLQKuiDAFakEzh1tGTMiH5JodWkzCijssAq51qxf3VrkvMAjMIMoKHh+fHH+iefXPeDgp2S8XkeBuXdtO//uX+8KmqqQ9en/fR1AH4q9RxwvleTmJ2JWTpnx/mqRARtcVsqDrqxYGt9LDRTYQmqq6M18YsDwNlG7eH+DbKszWCmgHYD9B03oSuyA6K1yUliuRa0GMBxAju98PY1966v7nQj8ahVaaqLxJ9D5IgTCMwBXjTVlb/JrlHfHHrEjSQuE8xdp90S+kza1OqUwdBoOHmnWN2M6rcUKlCZKEKDlcItXrh9tNdceR/INYqcp8rVitxiqkM1mbM0t5U0ojp9AClv2iu524TYzQiTrW/3GjHbc2LD8akiutygs7xY6Mv1zaF5Xix4pSmQEHBUpfdhAK85+EeFDarE65uDsWxC2f2MtZ3ACNOvydfsyLE7s33G0AaUOIVsqWsK3p6NqeE6VV53mys3ZPvd1cGjBrtCkW+HwziDiAyA/ezYrV5NcgaAL6qA5KhixQwHPTunwZrKQ24ksdemnSnAthxSakpFtNNb1F5ku3s3GE1fa03BIkWPOypbEAovZHsxVH8oqA/iD2AllPnKmZ99H+dpGzJwrkTsMVSGuSvHnTDq/KJubfVHNu1sVKub+l6QNBdWdwMYLVypRm8fUBxEJPc/YPD7VJZZpE2yNr+P/bwjojffemVyyCMbghtdAMoTAHU18YWqsu3jy+G4A8CBfKSMzSV1Rko5sBn4/OLwvuIcf3dpK9AzfKguy/Z74d1BVblFIe99K9dUrOj/rtSHQ45vLekpNmdx4gvAmxm/23pOt1sbn4+V591IYob0YSNVuFpho1MdevyTq4sY+RRK3b9q4kfAjnxz5TVWbjLqVINuAEYqcgyRBctjoXDevSgPK2s/hVInrc0gkzMP4TDOhSYxyyqXIYxWlZfq14a8unm7Kyz2bjccnxuNyLtOWtb0/Y4NTupTKQVgHPuQYJszhCZI4g9WWa1QIcJhEX4ZDSfesmLfAc7tWxW5wQZ0hxdJXHo6UlZMrlKCrOr107s/iZS7Zvw2Tu5TEyR5BfB1o2biqctd7c77rHVWIDzqNYVWZshXS/xpH1kGfGMwUpmvz0/bPYGAeSZQ1xz8/ik11L5vRfZ8EkHUlqiYFzOEANzGqnZgfnZYLIbvRpynBOsOXkv2gj0AcO/6CZ3Awv8CRdbT/F8HavYAAAAASUVORK5CYII=)}.be-radio-pill.be-radio-global:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABXhJREFUSImtlm9sleUZxn/Xc86h9JQVzLKN2Ika29MhhJiAaNwfC+yDSP3k1lMXUpM1XbMv4NyY+IWXty6iVtmUEVdNXKZu9jQucdOAiVtwiSKuY1nKZPOcM4yWIOliwJS2tOec596H09O15T0cXHZ9e5/7eu/ruZ4/93PLzKiFsOPkEqjbbPKbDNowViM1GEjYOOiEsHcMd+jsivNvDQysL9TKqcsJh9vzjX7GehE7gSbQRcwKkhok+4c384bWOjRukACrB8YM+qfqpp7uf37dRLXc7nKz8gV7HfGoYSdAdwheRDSYfHsw2LI2zKTWSbbNsGXC/xqjHRgW9Cen60+Fnbn2/0nY8LtczN/Ul0ltdbHSx4Z1Cz0SDqYOz63KYOqwZI8Z6nZxPxpmWtpNthH40Bu/D9L5x8NNb8Y/k3BfpvXt4DetIwDm3QPAp0rw6GKe4m4f8KkvuR8D9A2mhp0VviZ4Eux++1LTsxJa8M+VHK5dXSMNyen6McSz4WDLfVGcoDP3M4yeybqpL87f2yCdfRD0MOiJMNP8oytyXEH9dHIbkHTeXq7GMdlvgeSyi8mt88fDTGof2E/Bfhims3cuEA635xuDdO6d8J5/3RaV1Mm2AJ+wJnW0mnDsK6m3gU+87JuLY2dXjD+AMeLRwV1dIw1zwqWCfQ+4BRUvRLoxNhq8GwT4asJBgDdsGGPj4tjAwPqCc+oFViWnl+4AcL29xxOCHZherxyk+SgXD9Y4+Gs10QqEhhFrZ/9ZOLHB5mNm/AHUE4Y4d/W5FVuAaxBPRiUruiXXAAkvy9USNuMUkCgSa4qKxxwDwPX+vdwWZ/KbgIsuGf9TFDnuS9cC4N2HtYSlMicei10bSfCF14BpSW3O4OtmHAt+ed3FKG4JtxLAvDtTS9hb8QxAyfzKqHgwdOMMMOLNNjigyUn56i6sASCeKFStuxXES7EJAHnXUDUfnJBYrT3fzhYQpw0ixYWtAqXMeBNRFBwPMy27FzhJ5x4xWA8kBLcbvA+MVtFuFXzBITmDquXLkM3N9f8ByQuc9nRkPwCOhJmW70bxgnS2B/SMc74peKn1svsc3p3/so/bqKHuvkzzc1GcvensCybd5jBGwa6rlsxMEwDFQqLqvlVQjJXKHPnJqvlQK17vO4l3Qbfe33G6PooYw58FkPNX1xKOQ/n+evdxVHy2XK6R7D1nuENA/eeY2hzpwsXK99f56Ls5DyXcqrKr0kdR8fqZpXcBSY9/xZ1dcf4tYAzx/UgXfmYUKDhTSy1hsGXAxNhVF05HReVdFzD60FDrUTcwsL5g0A9s29OZvXkxORi6cQbj7x7bUEs29u8zvyg5tzqq2Qvvybch24pxwAxzAFN1U08DYzIdjCrwcgwL3RyGl3+/gyNtxZ+8dMMl9zfsOLnEl2w/8MG5C3oKZp/F/ufXTTjRDWwwJS5tbbzeAD5f+mf2q7VcR8Fryc8RN4F2PnWoeXpOGCAYbHkNtN9gZ7ld+S8uLJ08DEw6r29VS76nI/edoCPffel4fjdYDygMM82vVsYXLJ0bO71b4legh4N0dn9v7/EElFdE4hWDrnB7vnFx8t0dp5ZLHJT4RmWst/d4Ym9nbkCyfche6Btq7lugNf8jONJWLFcwPQH6wcpzjX8JO/O3AnjsMWC5L7CgTgPUqfQgsNxb8fFZl7evPN94zIwe0N6+TOpes4VluWqXGaazd3p0EFgFvOHEM950B1g3svZKbz3Le9VkzwF/lHddyLYiTmG6b/7yXpEwVNrapTtAPcD1oGmwIlI9ZjlBycNqYFJIYEngI4MD58d1oHKQPrPwnPsQx8ncZkObPH6j0C3AbF3WuJn/s6S/mfnfPTTUenTxskbhP44RXIxgrpaWAAAAAElFTkSuQmCC)}.be-radio-pill input{left:16px;opacity:0;position:absolute;top:50%;transform:translateY(-50%)}.be-radio-pill span{color:#0f172a;display:flex;flex-direction:column;font-size:14px;font-weight:800;gap:2px}.be-radio-pill span small{color:#64748b;font-size:12px;font-weight:600}.be-radio-pill:has(input:checked){border-color:#7c3aed8c;box-shadow:0 12px 26px #7c3aed1f;transform:translateY(-1px)}.be-radio-pill:has(input:checked):after{background:#7c3aed;border-radius:999px;content:"";height:10px;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:10px}.be-upload-label{align-items:center;background:#ffffff8c;border:1px dashed #94a3b8bf;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:14px;position:relative;transition:all .18s ease}.be-upload-label:hover{border-color:#6366f1;box-shadow:0 12px 26px #2563eb1f;transform:translateY(-1px)}.be-upload-label input[type=file]{display:none}.be-upload-label:before{background-image:url(/static/media/imagechoose-com.4ea712c1bf6e70121638.svg);background-position:50%;background-repeat:no-repeat;background-size:30px 30px;border-radius:10px;content:"";flex:0 0 auto;height:34px;width:34px}.be-upload-main{color:#111827;font-size:13px;font-weight:900}.be-upload-sub{color:#6b7280;font-size:12px;font-weight:600}.be-existing-cover{margin-bottom:10px}.be-existing-cover span{color:#64748b;display:block;font-size:12px;font-weight:700;margin-bottom:6px}.be-existing-cover img{border:1px solid #94a3b859;border-radius:14px;max-height:160px;object-fit:cover;width:100%}.be-image-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-top:10px}.be-image-preview{background:#e5e7eb;border:1px solid #94a3b88c;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.be-image-preview img{display:block;height:86px;object-fit:cover;width:100%}.be-image-preview:hover{border-color:#6366f1;box-shadow:0 12px 30px #0f172a38;transform:translateY(-1px)}.be-image-preview.is-cover{border-color:#6366f1}.be-image-cover-label{bottom:8px;font-size:11px;font-weight:800;left:8px;padding:3px 8px}.be-image-cover-label,.be-image-remove-btn{background:#0f172ad9;border-radius:999px;color:#fff;position:absolute}.be-image-remove-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;opacity:0;pointer-events:none;right:6px;top:6px;transition:opacity .16s ease;width:22px}.be-image-preview:hover .be-image-remove-btn{opacity:1;pointer-events:auto}.be-loader{animation:be-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:999px;border-top-color:#7c3aed;height:32px;margin-bottom:10px;width:32px}.be-loading-text{color:#64748b;font-size:14px}@keyframes be-spin{to{transform:rotate(1turn)}}:root[data-theme=dark] .blog-editor-page{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%)}:root[data-theme=dark] .be-header{border-bottom-color:#a5b4fc2e}:root[data-theme=dark] .be-header h1{color:#e5e7eb}:root[data-theme=dark] .be-header p{color:#9ca3af}:root[data-theme=dark] .be-field label{color:#e5e7eb}:root[data-theme=dark] .be-field input[type=text]{background:#020617a6;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .be-field input[type=text]::placeholder{color:#64748b}:root[data-theme=dark] .be-toolbar{background:#020617a6;border-color:#1f2937}:root[data-theme=dark] .be-toolbar button{color:#cbd5f5}:root[data-theme=dark] .be-editor,:root[data-theme=dark] .be-select{background:#020617a6;border-color:#1f2937;color:#e5e7eb}:root[data-theme=dark] .be-editor[placeholder]:empty:before{color:#64748b}:root[data-theme=dark] .be-side{background:#ffffff08;border-color:#1f2937}:root[data-theme=dark] .be-radio-pill{background:#020617b3;border-color:#1f2937}:root[data-theme=dark] .be-radio-pill span{color:#e5e7eb}:root[data-theme=dark] .be-radio-pill span small{color:#9ca3af}:root[data-theme=dark] .be-upload-label{background:#0206178c;border-color:#94a3b859}:root[data-theme=dark] .be-upload-main{color:#e5e7eb}:root[data-theme=dark] .be-upload-sub{color:#9ca3af}:root[data-theme=dark] .be-image-cover-label{background:#0f172af2}.bp-overlay{align-items:center;background:#0f172a00;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease-out,background .25s ease-out;z-index:9999}.bp-overlay--visible{background:#0f172a73;opacity:1;pointer-events:auto}@keyframes bp-card-enter{0%{opacity:0;transform:translateY(26px) scale(.96)}55%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.bp-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fafb;background-image:radial-gradient(circle at top center,#e0f2fe 0,#f9fafb 55%);border-radius:28px;box-shadow:0 26px 70px #0f172a73,0 0 0 1px #94a3b859;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:14px;padding:18px 18px 20px;position:relative;width:min(500px,94vw)}.bp-card--enter{animation:bp-card-enter .35s cubic-bezier(.21,.78,.27,1) forwards}.bp-close{align-items:center;background:#0000;border:none;border-radius:999px;color:#9ca3af;cursor:pointer;display:flex;font-size:17px;height:24px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .15s ease-out,color .15s ease-out,transform .12s ease-out;width:24px}.bp-close:hover{background:#94a3b82e;color:#111827;transform:scale(1.05)}.bp-pill-row{display:flex;justify-content:center;margin-top:4px}.bp-pill{background:#3b82f614;border-radius:999px;color:#1d4ed8;font-size:11px;font-weight:600;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.bp-header{padding:0 6px;text-align:center}.bp-title{color:#0f172a;font-size:18px;font-weight:700;margin:6px 0 4px}.bp-subtitle{color:#64748b;font-size:13px;margin:0}.bp-body{margin-top:6px;padding:0 2px}.bp-html-body{color:#111827;font-size:13px;line-height:1.6;max-height:220px;overflow-y:auto;text-align:center}.bp-html-body h1,.bp-html-body h2,.bp-html-body h3{font-weight:600;margin:0 0 6px}.bp-html-body p{text-align:center}.bp-html-body img{border-radius:10px;display:block;height:auto;margin-top:6px;max-width:100%}.bp-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.bp-list-item{align-items:flex-start;color:#111827;display:flex;font-size:13px;gap:8px}.bp-list-icon{align-items:center;background:#22c55e;border-radius:999px;box-shadow:0 4px 9px #22c55e73;color:#f9fafb;display:inline-flex;font-size:11px;height:18px;justify-content:center;margin-top:2px;min-width:18px}.bp-single-text{color:#111827;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.bp-footer{display:flex;flex-direction:column;gap:10px;margin-top:6px}.bp-meta{background:#94a3b814;border-radius:18px;color:#6b7280;font-size:11px;padding:8px 10px}.bp-meta-line{display:block}.bp-meta-date{margin-top:2px}.bp-primary-btn{align-items:center;background:#7b4eee;border:none;border-radius:999px;box-shadow:0 18px 36px #9950f8a6,0 0 0 1px #963bc0bf;color:#f9fafb;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;margin-top:2px;padding:11px 18px;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out;width:100%}.bp-primary-btn:hover{box-shadow:0 22px 44px #7c3aedd9,0 0 0 1px #f8fafcf2;filter:brightness(1.03);transform:translateY(-1px)}.bp-primary-btn:active{box-shadow:0 14px 30px #7c3aedb3,0 0 0 1px #f8fafce6;transform:translateY(0)}@media (max-width:480px){.bp-card{border-radius:24px;padding:16px 14px 18px;width:92vw}.bp-title{font-size:16px}.bp-primary-btn{font-size:13px}}:root[data-theme=dark] .bp-overlay--visible{background:#020617bf}:root[data-theme=dark] .bp-card{background:radial-gradient(circle at 0 0,#0f172a 0,#020617 50%,#020617 100%);box-shadow:0 30px 80px #000000e6,0 0 0 1px #1e40af8c}:root[data-theme=dark] .bp-pill{background:#3b82f629;color:#bfdbfe}:root[data-theme=dark] .bp-title{color:#e5e7eb}:root[data-theme=dark] .bp-subtitle{color:#9ca3af}:root[data-theme=dark] .bp-html-body,:root[data-theme=dark] .bp-list-item,:root[data-theme=dark] .bp-single-text{color:#e5e7eb}:root[data-theme=dark] .bp-html-body h1,:root[data-theme=dark] .bp-html-body h2,:root[data-theme=dark] .bp-html-body h3{color:#f9fafb}:root[data-theme=dark] .bp-meta{background:#0f172ae6;color:#9ca3af}:root[data-theme=dark] .bp-meta strong{color:#e5e7eb}:root[data-theme=dark] .bp-close{color:#9ca3af}:root[data-theme=dark] .bp-close:hover{background:#94a3b840;color:#f9fafb}:root[data-theme=dark] .bp-primary-btn{background:linear-gradient(120deg,#8b5cf6,#6366f1 50%,#4f46e5);box-shadow:0 22px 50px #1e40afe6,0 0 0 1px #bfdbfe66}:root[data-theme=dark] .bp-primary-btn:hover{box-shadow:0 26px 60px #1e40af,0 0 0 1px #dbeafee6}.health2-page{--bg:#f6f7ff;--card:#fff;--text:#0f172a;--muted:#64748b;--muted2:#94a3b8;--border:#6366f11f;--border2:#6366f12e;--primary:#5f67ec;--shadow:0 10px 30px #0f172a0f}.health2-page.dark,:root[data-theme=dark] .health2-page{--bg:#0b1220;--card:#0f172a;--text:#e5e7eb;--muted:#e2e8f0bf;--muted2:#e2e8f08c;--border:#94a3b824;--border2:#94a3b833;--primary:#8b93ff;--shadow:none}.health2-page{background:var(--bg);min-height:100vh;padding:18px}.health2-header{align-items:flex-start;border-bottom:1px solid var(--border2);display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding:14px 2px 16px}.health2-title{color:var(--text);font-size:26px;font-weight:950;margin:0}.health2-subtitle{color:var(--muted);font-size:13px;font-weight:800;margin:6px 0 0}.health2-tabs{align-items:center;display:flex;gap:10px}.health2-tab{background:var(--card);border:1px solid var(--border2);border-radius:999px;color:var(--text);cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px}.health2-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.health2-error{background:#ef44441f;border:1px solid #ef444440;border-radius:12px;color:#b91c1c;font-weight:900;margin:10px 0 14px;padding:10px 12px}.health2-grid2{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.2fr 1fr;margin-top:10px}.health2-grid3{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr 1fr;margin-top:18px}.health2-gridSingle{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr;margin-top:10px}.health2-card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.health2-cardHead{border-bottom:1px solid var(--border);gap:12px;padding:14px 16px}.health2-cardTitle{color:var(--text);font-size:19px;font-weight:950}.health2-cardBody{padding:14px 16px}.health2-btn{background:var(--card);border:1px solid var(--border2);border-radius:12px;color:var(--text);cursor:pointer;font-size:13px;font-weight:950;padding:10px 14px}.health2-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.health2-btn.full{width:100%}.health2-btn.ghost{background:#5f67ec14;border-color:#5f67ec2e;color:var(--primary);width:100%}.health2-btn.link{background:#0000;border:none;color:var(--primary);cursor:pointer;font-weight:950;padding:0}.health2-hint{color:var(--muted);font-size:12px;font-weight:800;margin:10px 0 0}.health2-miniList{display:flex;flex-direction:column;gap:10px;padding:35px 16px}.health2-miniItem{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;width:100%}.health2-miniText{color:var(--text);font-size:13px;font-weight:900;text-align:start}:root[data-theme=dark] .health2-error{color:#fecaca}.health2-miniTag{color:#ef4444;font-size:11px;font-weight:950}.health2-insurance{padding:14px 16px}.health2-insuranceBox{background:linear-gradient(135deg,#5f67ec40,#5f67ec0d);border:1px solid #5f67ec2e;border-radius:14px;padding:14px}.health2-insRow{align-items:center;display:flex;gap:10px;justify-content:space-between}.health2-insMuted{color:var(--muted);font-size:12px;font-weight:900}.health2-insStrong{color:var(--text);font-size:13px;font-weight:950}.health2-insMeta{color:var(--text);font-size:12px;font-weight:900;line-height:1.4;margin-top:10px;opacity:.9}.health2-switch{display:inline-block;height:26px;position:relative;width:46px}.health2-switch input{height:0;opacity:0;width:0}.health2-slider{background:#64748b59;bottom:0;cursor:pointer;left:0;right:0;top:0}.health2-slider,.health2-slider:before{border-radius:999px;position:absolute;transition:.2s}.health2-slider:before{background:#fff;bottom:3px;content:"";height:20px;left:3px;width:20px}.health2-switch input:checked+.health2-slider{background:var(--primary)}.health2-switch input:checked+.health2-slider:before{transform:translateX(20px)}.health2-family{display:flex;flex-direction:column;gap:10px;min-height:140px;padding:14px 16px}.health2-familyNum{color:var(--primary);font-size:46px;font-weight:950;line-height:1}.health2-familyText{color:var(--muted);font-size:13px;font-weight:900}@media (max-width:1200px){.health2-grid2,.health2-grid3{grid-template-columns:1fr}}.health-btn{background:var(--card);border:1px solid var(--border2);border-radius:12px;color:var(--text);cursor:pointer;font-size:13px;font-weight:950;padding:10px 14px;transition:.2s}.health-btn:hover{background:#5f67ec0f}.health-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.health-btn.primary:hover{filter:brightness(.98)}.health-btn:disabled{cursor:not-allowed;opacity:.6}.health-tab{background:var(--card);border:1px solid var(--border2);border-radius:999px;color:var(--text);font-size:13px;font-weight:900;padding:10px 14px}.health-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.health2-leftScroll{max-height:640px;overflow-y:auto;padding-right:6px}.health2-leftScroll::-webkit-scrollbar{width:8px}.health2-leftScroll::-webkit-scrollbar-thumb{background:#5f67ec40;border-radius:999px}.health2-leftScroll::-webkit-scrollbar-track{background:#0000}.health2-cardHead{align-items:center;display:flex;gap:10px;justify-content:space-between}.button-flex{display:flex;gap:10px;justify-content:center}:root[data-theme=dark] .health2-page .modal-backdrop,:root[data-theme=dark] .health2-page .modal-overlay,:root[data-theme=dark] .health2-page [class*=Backdrop],:root[data-theme=dark] .health2-page [class*=ModalBackdrop],:root[data-theme=dark] .health2-page [class*=Overlay],:root[data-theme=dark] .health2-page [class*=backdrop],:root[data-theme=dark] .health2-page [class*=modalBackdrop],:root[data-theme=dark] .health2-page [class*=overlay]{background:#00000094!important}:root[data-theme=dark] .health2-page .modal,:root[data-theme=dark] .health2-page .modal-content,:root[data-theme=dark] .health2-page [class*=Modal],:root[data-theme=dark] .health2-page [class*=modal]{background:#0f172a!important;border:1px solid #94a3b82e!important;box-shadow:none!important;color:#e5e7eb!important}:root[data-theme=dark] .health2-page [class*=ModalHead],:root[data-theme=dark] .health2-page [class*=ModalTitle],:root[data-theme=dark] .health2-page [class*=modalHead],:root[data-theme=dark] .health2-page [class*=modalTitle]{border-bottom-color:#94a3b82e!important;color:#e5e7eb!important}:root[data-theme=dark] .health2-page [class*=-x],:root[data-theme=dark] .health2-page [class*=Close],:root[data-theme=dark] .health2-page [class*=close]{color:#e5e7eb!important}:root[data-theme=dark] .health2-page [class*=Modal] input,:root[data-theme=dark] .health2-page [class*=Modal] select,:root[data-theme=dark] .health2-page [class*=Modal] textarea,:root[data-theme=dark] .health2-page [class*=modal] input,:root[data-theme=dark] .health2-page [class*=modal] select,:root[data-theme=dark] .health2-page [class*=modal] textarea{background:#ffffff0a!important;border:1px solid #94a3b82e!important;color:#e5e7eb!important}:root[data-theme=dark] .health2-page [class*=Modal] input::placeholder,:root[data-theme=dark] .health2-page [class*=Modal] textarea::placeholder,:root[data-theme=dark] .health2-page [class*=modal] input::placeholder,:root[data-theme=dark] .health2-page [class*=modal] textarea::placeholder{color:#e2e8f08c!important}:root[data-theme=dark] .health2-page [class*=Modal] button,:root[data-theme=dark] .health2-page [class*=modal] button{border-color:#94a3b82e!important}:root[data-theme=dark] .ReactModal__Overlay{background:#00000094!important}:root[data-theme=dark] .ReactModal__Content{background:#0f172a!important;border:1px solid #94a3b82e!important;box-shadow:none!important;color:#e5e7eb!important}.health2-tabHome{gap:8px}.health2-homeIcon,.health2-tabHome{align-items:center;display:inline-flex}.health-uploader{grid-gap:12px;display:grid;gap:12px}.health-uploader__row{display:flex;flex-wrap:wrap;gap:10px}.health-uploader__meta{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:14px;color:#334155;font-size:13px;padding:10px 12px}.health-uploader__meta b{color:#0f172a}.health-overview{grid-gap:14px;display:grid;gap:14px}.health-card{background:#fff;background:var(--card,#fff);border:1px solid #6366f11f;border:1px solid var(--border,#6366f11f);border-radius:16px;box-shadow:0 10px 30px #0f172a0f;box-shadow:var(--shadow,0 10px 30px #0f172a0f);overflow:hidden}.health-card-head{align-items:center;border-bottom:1px solid #6366f11f;border-bottom:1px solid var(--border,#6366f11f);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.health-card-head h3{color:#0f172a;color:var(--text,#0f172a);font-size:14px;font-weight:950;margin:0}.health-empty{color:#64748b;color:var(--muted,#64748b);font-weight:800}.health-empty,.health-error{font-size:13px;padding:14px 16px}.health-error{background:#ef44441f;border-top:1px solid #ef444438;color:#fecaca;font-weight:900}.hov-diseaseGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 12px 14px}@media (max-width:1100px){.hov-diseaseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.hov-diseaseGrid{grid-template-columns:1fr}}.hov-diseaseCard{background:#fff;background:var(--card,#fff);border:1px solid #6366f11f;border:1px solid var(--border,#6366f11f);border-radius:16px;cursor:pointer;padding:14px;position:relative;text-align:left;transition:transform .15s ease,border-color .15s ease}.hov-diseaseCard:hover{border-color:#a855f72e;transform:translateY(-2px)}.hov-diseaseName{color:#0b1220;color:var(--text,#0b1220);font-size:14px;font-weight:1000}.hov-diseaseMeta{color:#475569;color:var(--muted,#475569);display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-top:8px}.hov-diseaseEvidence{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--muted2,#64748b);display:-webkit-box;font-size:12px;line-height:1.4;margin-top:8px;overflow:hidden}.hov-deleteBtn{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #6366f11f;border:1px solid var(--border,#6366f11f);border-radius:999px;color:#0b1220;color:var(--text,#0b1220);cursor:pointer;display:inline-flex;font-size:16px;height:28px;justify-content:center;line-height:1;opacity:.85;position:absolute;right:10px;top:10px;width:28px}.hov-deleteBtn:hover{border-color:#ef444459;opacity:1}.hov-deleteBtn:disabled{cursor:not-allowed;opacity:.6}.hov-diseaseScroll{--hov-row-height:132px;--hov-gap:12px;max-height:calc(var(--hov-row-height)*3 + var(--hov-gap)*2);overflow-y:auto;padding-right:6px}.hov-diseaseScroll::-webkit-scrollbar{width:8px}.hov-diseaseScroll::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.hov-diseaseScroll::-webkit-scrollbar-track{background:#0000}@media (max-width:1100px){.hov-diseaseScroll{--hov-row-height:140px}}@media (max-width:720px){.hov-diseaseScroll{--hov-row-height:150px}}:root[data-theme=dark] .health-card,:root[data-theme=dark] .hov-diseaseCard{box-shadow:none}.hd2-card{background:#fff;background:var(--card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:16px;margin-bottom:16px;margin-top:10px;padding:14px}.hd2-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.hd2-title{color:#0f172a;color:var(--text,#0f172a);font-size:19px;font-weight:900;margin:0}.hd2-sub{color:#64748b;color:var(--muted,#64748b);font-size:13px;margin:6px 0 0}.hd2-subTag{background:#5f67ec1f;border-radius:999px;color:#5f67ec;display:inline-block;font-size:11px;font-weight:950;margin-left:6px;padding:2px 8px}.hd2-empty{color:#64748b;color:var(--muted,#64748b);padding:12px 0}.hd2-error{background:#ef444414;border-radius:12px;color:#ef4444;font-weight:800;padding:10px 12px}.hd2-btn{background:#fff;background:var(--card,#fff);border:1px solid #6366f12e;border-radius:12px;color:#334155;color:var(--text,#334155);cursor:pointer;font-size:13px;font-weight:950;padding:10px 14px;transition:.2s;white-space:nowrap}.hd2-btn:hover{background:#5f67ec14}.hd2-btn.primary{background:#5f67ec;background:var(--primary,#5f67ec);border-color:#5f67ec;border-color:var(--primary,#5f67ec);color:#fff}.hd2-btn.ghost{background:#0000}.hd2-acc{grid-gap:10px;display:grid;gap:10px;margin-top:12px;max-height:340px;overflow:auto;padding-right:6px}.hd2-acc::-webkit-scrollbar{width:8px}.hd2-acc::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.hd2-acc::-webkit-scrollbar-track{background:#0000}.hd2-acc{-ms-overflow-style:none;scrollbar-width:none}.hd2-acc::-webkit-scrollbar{display:none;height:0;width:0}.hd2-item{background:#02061705;border:2px solid #e2e8f0;border-radius:14px;overflow:hidden}.hd2-item.open{background:#5f67ec0f;border-color:#5f67ec73}.hd2-item.top5{background:#f4f0ff;border-color:#5f67ec59}.hd2-topTag{background:#5f67ec29;border-radius:999px;color:#5f67ec;font-size:11px;font-weight:950;padding:2px 8px}.hd2-row{align-items:center;background:#0000;border:0;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px;text-align:left;width:100%}.hd2-rowLeft{grid-gap:6px;display:grid;gap:6px}.hd2-rowTitle{align-items:center;color:#0f172a;color:var(--text,#0f172a);display:flex;flex-wrap:wrap;font-weight:950;gap:8px}.hd2-pill{background:#0ea5e926;border-radius:999px;color:#38bdf8;font-size:11px;font-weight:900;padding:2px 8px}.hd2-rowMeta{align-items:center;color:#64748b;color:var(--muted,#64748b);display:flex;font-size:12px;font-weight:800;gap:8px}.hd2-metaStrong{color:#0f172a;color:var(--text,#0f172a);font-weight:950}.hd2-dot{opacity:.6}.hd2-chevIcon{flex-shrink:0;height:14px;opacity:.8;width:14px}.hd2-chev.rot{transform:rotate(180deg)}.hd2-panel{max-height:0;overflow:hidden;transition:max-height .22s ease}.hd2-panel[data-open="1"]{max-height:280px}.hd2-panelInner{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:10px 12px 12px}.hd2-lines{grid-gap:6px;display:grid;gap:6px}.hd2-line{color:#0f172a;color:var(--text,#0f172a);font-size:12.5px;font-weight:850}.hd2-line.muted{color:#475569;color:var(--muted,#475569);font-weight:800}.hd2-actions{align-items:center;display:flex;gap:10px;padding-top:2px}.hd2-link{color:#2563eb;color:var(--primary,#2563eb)}.hd2-del,.hd2-link{background:#0000;border:0;cursor:pointer;font-weight:950}.hd2-del{color:#ef4444}.hd2-modalBackdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.hd2-modal{background:#fff;background:var(--card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:18px;padding:14px;width:min(560px,92vw)}.hd2-modalHead{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hd2-x{background:#0000;border:0;color:#0f172a;color:var(--text,#0f172a);cursor:pointer;font-size:24px}.hd2-form{grid-gap:10px;display:grid;gap:10px}.hd2-form label{grid-gap:6px;color:#0f172a;color:var(--text,#0f172a);display:grid;font-size:13px;font-weight:900;gap:6px}.hd2-form input,.hd2-form select,.hd2-form textarea{background:#ffffff0a;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;color:#0f172a;color:var(--text,#0f172a);outline:none;padding:10px 12px}.hd2-form textarea{min-height:88px;resize:vertical}.hd2-formActions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}:root[data-theme=dark] .hd2-card{border-color:#94a3b82e}:root[data-theme=dark] .hd2-subTag{background:#5f67ec38;color:#c7d2fe}:root[data-theme=dark] .hd2-item{background:#ffffff08;border-color:#94a3b829}:root[data-theme=dark] .hd2-item.open{background:#5f67ec1a;border-color:#5f67ec8c;box-shadow:0 0 0 2px #5f67ec29}:root[data-theme=dark] .hd2-item.top5{background:#5f67ec1f;border-color:#5f67ec8c}:root[data-theme=dark] .hd2-topTag{background:#5f67ec38;color:#c7d2fe}:root[data-theme=dark] .hd2-panelInner{border-top-color:#94a3b829}:root[data-theme=dark] .hd2-modalBackdrop{background:#0000008c}:root[data-theme=dark] .hd2-form input,:root[data-theme=dark] .hd2-form select,:root[data-theme=dark] .hd2-form textarea{background:#ffffff08}.dc-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0206178c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99999}.dc-modal{animation:dcIn .16s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 24px 70px #0f172a40;overflow:hidden;width:min(520px,100%)}@keyframes dcIn{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dc-head{align-items:center;background:linear-gradient(180deg,#fff,#fafafa);border-bottom:1px solid #eef2ff;display:flex;justify-content:space-between;padding:14px 16px}.dc-title{color:#0b1220;font-size:15px;font-weight:900}.dc-x{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.dc-x:hover{box-shadow:0 10px 20px #0f172a14}.dc-x:disabled{cursor:not-allowed;opacity:.6}.dc-body{padding:16px}.dc-msg{color:#334155;font-size:13px;line-height:1.55;margin:0}.dc-actions{background:#fff;border-top:1px solid #eef2ff;display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}.dc-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:13px;font-weight:800;padding:10px 14px}.dc-btn.ghost:hover{box-shadow:0 10px 20px #0f172a14}.dc-btn.danger{background:#ef44441a;border-color:#ef444459;color:#991b1b}.dc-btn.danger:hover{box-shadow:0 16px 26px #ef444426}.dc-btn:disabled{cursor:not-allowed;opacity:.6}.med-root{margin-top:16px}.med-head{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.med-title{color:#0f172a;color:var(--text,#0f172a);font-size:15px;font-weight:900;margin:0}.med-grid{display:block}.med-grid>.med-card{margin-bottom:14px;width:100%}.med-grid>.med-card:last-child{margin-bottom:0}.med-card{background:#fff;background:var(--card,#fff);border:1px solid #94a3b82e;border:1px solid var(--border,#94a3b82e);border-radius:16px;box-shadow:none;overflow:hidden}.med-cardHead{align-items:center;border-bottom:1px solid #94a3b829;border-bottom:1px solid var(--border,#94a3b829);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.med-cardTitle{color:#0f172a;color:var(--text,#0f172a);font-size:16px;font-weight:950;letter-spacing:-.01em;padding:0}.med-historyBtn{background:#0000;border:1px solid #94a3b838;border:1px solid var(--border,#94a3b838);border-radius:999px;color:#334155;color:var(--text,#334155);cursor:pointer;font-weight:900;margin-right:0;padding:8px 12px}.med-historyBtn:hover{background:#94a3b814}.med-list{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}.med-line{align-items:flex-start;background:#02061705;border:1px solid #94a3b82e;border:1px solid var(--border,#94a3b82e);border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:12px}.med-lineText{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;font-size:13px;font-weight:850;gap:8px;min-width:0}.med-lineText,.med-medName{color:#0f172a;color:var(--text,#0f172a)}.med-medName{font-weight:950}.med-frequency,.med-range{background:#94a3b80f;border:1px solid #94a3b838;border-radius:999px;color:#334155;color:var(--text,#334155);font-size:11px;font-weight:900;letter-spacing:.02em;padding:4px 8px;text-transform:uppercase}.med-dot{opacity:.35}.med-dose{align-items:center;background:#94a3b80f;border:1px solid #94a3b838;border-radius:999px;color:#334155;color:var(--text,#334155);display:inline-flex;font-size:11px;font-weight:900;gap:6px;margin-left:8px;padding:4px 9px}.med-timeChips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.med-timeChip{align-items:center;background:#0000;border:1px solid #94a3b838;border-radius:999px;color:#334155;color:var(--text,#334155);cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;gap:8px;padding:7px 10px;transform:none;transition:.15s ease;white-space:nowrap}.med-timeChip:hover{background:#94a3b814}.med-timeChip.taken{background:#22c55e24;border-color:#22c55e47;box-shadow:none;color:#16a34a}.med-timeChip.snoozed{background:#f59e0b1f;border-color:#f59e0b42;color:#b45309}.med-timeChip.disabled{cursor:not-allowed;opacity:.55}.med-snoozeTag{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b42;border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;gap:6px;padding:2px 8px}.med-rowActions{align-items:center;display:flex;flex-shrink:0;gap:10px}.med-edit,.med-x{background:#0000;border:1px solid #94a3b838;border-radius:12px;color:#334155;color:var(--text,#334155);cursor:pointer;font-weight:950;padding:7px 10px;transition:.15s ease}.med-edit:hover,.med-x:hover{background:#94a3b814}.med-input,.med-select{background:#0000;border:1px solid #94a3b838;border-radius:12px;color:#0f172a;color:var(--text,#0f172a);font-size:13px;font-weight:850;outline:none;padding:11px 12px;width:100%}.med-input:focus,.med-select:focus{border-color:#5f67ec8c;box-shadow:0 0 0 3px #5f67ec24}.med-timesGrid{grid-gap:10px;display:grid;gap:10px}.med-timeRow{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:86px 1fr}.med-timeTag{background:#94a3b80f;border:1px solid #94a3b838;border-radius:12px;color:#334155;color:var(--text,#334155);font-size:12px;font-weight:900;padding:10px;text-align:center}.med-reminderHint{color:#64748b;color:var(--muted,#64748b);font-size:12px;font-weight:800;margin-top:6px}.med-modalWrap{background:#0f172a8c;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:9999}.med-modal{background:#fff;background:var(--card,#fff);border:1px solid #94a3b838;border-radius:18px;box-shadow:none;overflow:hidden;width:min(720px,96vw)}.med-modalHead{align-items:center;border-bottom:1px solid #94a3b829;display:flex;justify-content:space-between;padding:14px 16px}.med-modalTitle{color:#0f172a;color:var(--text,#0f172a);font-size:15px;font-weight:950}.med-close{background:#0000;border:1px solid #94a3b838;border-radius:12px;cursor:pointer;display:grid;font-weight:950;height:36px;place-items:center;width:36px}.med-close:hover{background:#94a3b814}.med-form{grid-gap:10px;display:grid;gap:10px;padding:14px 16px 16px}.med-label{color:#334155;color:var(--text,#334155);font-size:12px;font-weight:900;margin-top:4px}.med-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}@media (max-width:620px){.med-line{flex-direction:column}.med-timeRow{grid-template-columns:1fr}.med-timeTag{text-align:left}}:root[data-theme=dark] .med-card{background:#0b1220;border-color:#94a3b829}:root[data-theme=dark] .med-cardHead{border-bottom-color:#94a3b824}:root[data-theme=dark] .med-line{background:#ffffff08;border-color:#94a3b824}:root[data-theme=dark] .med-input,:root[data-theme=dark] .med-select{background:#ffffff08;border-color:#94a3b829;color:#e5e7eb}:root[data-theme=dark] .med-timeChip{border-color:#94a3b829;color:#e2e8f0e6}:root[data-theme=dark] .med-timeChip:hover{background:#ffffff0d}:root[data-theme=dark] .med-medName{color:#e2e8f0f2!important}.dt-root{grid-gap:12px;display:grid;gap:12px}.dt-head{align-items:flex-end;display:flex;gap:12px;justify-content:space-between}.dt-title{color:#0f172a;color:var(--text,#0f172a);font-size:15px;font-weight:950;letter-spacing:-.01em}.dt-sub{color:#64748b;color:var(--muted,#64748b);font-size:12px;font-weight:800;margin-top:4px}.dt-actions{align-items:center;display:flex;gap:10px}.dt-btn{background:#0000;border:1px solid #94a3b838;border-radius:999px;color:#334155;color:var(--text,#334155);cursor:pointer;font-weight:950;padding:8px 12px;transition:.15s ease}.dt-btn:hover{background:#94a3b81a}.dt-btn.primary{background:#5f67ec;background:var(--primary,#5f67ec);border-color:#5f67ec;border-color:var(--primary,#5f67ec);color:#fff}.dt-card{background:#0000;border:0;box-shadow:none;padding:0}.dt-list{grid-gap:10px;display:grid;gap:10px}.dt-row{grid-gap:8px;background:#fff;background:var(--card,#fff);border:1px solid #94a3b82e;border-radius:14px;display:grid;gap:8px;padding:12px 14px}.dt-row.done{opacity:.68}.dt-rowHead{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.dt-taskTitle{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.dt-taskTitle,.dt-timeTitle{color:#0f172a;color:var(--text,#0f172a);font-weight:950}.dt-timeTitle{font-size:13px;white-space:nowrap}.dt-badge{background:#94a3b814;border:1px solid #94a3b833;border-radius:999px;color:#334155;color:var(--text,#334155);font-size:11px;font-weight:900;padding:2px 8px}.dt-rightInline{align-items:center;display:flex;flex-shrink:0;gap:10px}.dt-note{color:#334155;color:var(--text,#334155);font-size:13px;font-weight:800;margin-top:2px}.dt-meta{color:#64748b;color:var(--muted,#64748b);font-size:12px;font-weight:800;margin-top:0}.dt-chipRow,.dt-meta{display:flex;flex-wrap:wrap;gap:8px}.dt-chipRow{margin-top:6px}.dt-chip{background:#0000;border:1px solid #94a3b838;border-radius:999px;color:#334155;color:var(--text,#334155);cursor:pointer;font-size:12px;font-weight:900;padding:7px 10px;transition:.15s ease}.dt-chip:hover{background:#94a3b81a}.dt-link{background:#0000;border:1px solid #94a3b838;border-radius:12px;color:#334155;color:var(--text,#334155);cursor:pointer;font-weight:950;line-height:1;padding:7px 10px;transition:.15s ease}.dt-link:hover{background:#94a3b81a}.dt-link.danger{border-color:#ef444438;color:#ef4444}.dt-empty{color:#64748b;color:var(--muted,#64748b);font-weight:800;padding:12px}.dt-backdrop{background:#0f172a8c;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.dt-modal{background:#fff;background:var(--card,#fff);border:1px solid #94a3b838;border-radius:18px;padding:14px;width:min(560px,92vw)}.dt-modalHead{align-items:center;display:flex;gap:10px;justify-content:space-between}.dt-modalTitle{color:#0f172a;color:var(--text,#0f172a);font-weight:950}.dt-x{background:#0000;border:1px solid #94a3b838;border-radius:12px;color:#334155;color:var(--text,#334155);cursor:pointer;padding:8px 10px}.dt-x:hover{background:#94a3b81a}.dt-form{grid-gap:10px;display:grid;gap:10px;margin-top:10px}.dt-label{color:#334155;color:var(--text,#334155);font-size:12px;font-weight:900}.dt-input{background:#0000;border:1px solid #94a3b838;border-radius:12px;color:#0f172a;color:var(--text,#0f172a);font-weight:850;outline:none;padding:10px 12px;width:100%}.dt-input:focus{border-color:#5f67ec8c;box-shadow:0 0 0 3px #5f67ec24}.dt-check,.dt-row2{align-items:center;display:flex;gap:10px}.dt-check{color:#334155;color:var(--text,#334155);font-weight:900}.dt-hint,.dt-hint2{color:#64748b;color:var(--muted,#64748b);font-size:12px;font-weight:800}.dt-modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}@media (max-width:520px){.dt-rowHead{align-items:flex-start}.dt-rightInline{flex-wrap:wrap;gap:8px;justify-content:flex-end}.dt-timeTitle{text-align:right;width:100%}}:root[data-theme=dark] .dt-row{background:#ffffff08;border-color:#94a3b824}:root[data-theme=dark] .dt-input{background:#ffffff08;border-color:#94a3b829;color:#e5e7eb}:root[data-theme=dark] .dt-timeTitle{color:#e5e7eb}.afm-backdrop{background:#0206178c;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:99999}.afm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 30px 90px #00000047;overflow:hidden;width:min(980px,96vw)}.afm-head{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;justify-content:space-between;padding:16px}.afm-title{color:#0f172a;font-size:16px;font-weight:900}.afm-sub{color:#64748b;font-size:12px;font-weight:600;margin-top:2px}.afm-x{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#0f172a;cursor:pointer;font-weight:900;height:36px;width:36px}.afm-x:hover{background:#f8fafc}.afm-x:active{transform:scale(.98)}.afm-body{max-height:min(76vh,640px);overflow:auto;padding:14px 16px}.afm-empty{background:#f8fafc;border:1px dashed #e5e7eb;border-radius:14px;color:#64748b;font-weight:700;padding:16px}.afm-section{margin-bottom:14px}.afm-sectionTitle{color:#0f172a;font-size:13px;font-weight:900;margin:6px 0 10px}.afm-condGrid{grid-gap:10px;display:grid;gap:10px}.afm-condCard{grid-gap:8px;appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;display:grid;gap:8px;padding:12px;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;width:100%}.afm-condCard:hover{border-color:#dbe3f3;box-shadow:0 14px 34px #0f172a14;transform:translateY(-1px)}.afm-condCard:focus-visible{outline:3px solid #6366f140;outline-offset:2px}.afm-condTop{align-items:center;display:flex;gap:10px;justify-content:space-between}.afm-badge{background:#6366f11f;border:1px solid #6366f138;border-radius:999px;color:#0f172a;font-size:11px;font-weight:900;padding:6px 10px}.afm-condTitle{color:#0f172a;font-size:14px;font-weight:950;line-height:1.25}.afm-condHint{color:#64748b;font-size:12px;font-weight:800;margin-left:6px;white-space:nowrap}.afm-condMeta{color:#334155;display:flex;flex-wrap:wrap;font-size:12px;font-weight:750;gap:10px 14px}.afm-condMeta b{color:#0f172a}.afm-condEvidence{-webkit-line-clamp:3;-webkit-box-orient:vertical;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#475569;display:-webkit-box;font-size:12px;font-weight:700;line-height:1.45;overflow:hidden;overflow-wrap:anywhere;padding:10px;word-break:break-word}.afm-condCta{color:#4f46e5;font-size:12px;font-weight:900;margin-top:2px}.afm-list{grid-gap:10px}.afm-item,.afm-list{display:grid;gap:10px}.afm-item{grid-gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:34px 1fr;padding:12px}.afm-pill{background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:12px;box-shadow:0 10px 24px #6366f138;color:#fff;display:grid;font-weight:900;height:34px;place-items:center;width:34px}.afm-itemTitle{color:#0f172a;font-weight:900;line-height:1.2}.afm-meta{color:#334155;display:flex;flex-wrap:wrap;font-size:12px;font-weight:700;gap:10px 14px;margin-top:6px}.afm-meta b{color:#0f172a}.afm-notes{color:#64748b;font-size:12px;font-weight:700;margin-top:8px}.afm-foot{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:14px 16px}.afm-ok{background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:999px;box-shadow:0 12px 26px #6366f147;color:#fff;cursor:pointer;font-weight:900;padding:10px 18px}.afm-ok:hover{box-shadow:0 16px 34px #6366f15c}.afm-ok:active{transform:scale(.98)}@media (max-width:640px){.afm-item{grid-template-columns:30px 1fr;padding:10px}.afm-pill{border-radius:10px;height:30px;width:30px}.afm-condEvidence{-webkit-line-clamp:4}}[data-theme=dark] .afm-modal{background:#0b1220;border-color:#1f2937}[data-theme=dark] .afm-foot,[data-theme=dark] .afm-head{border-color:#1f2937}[data-theme=dark] .afm-title{color:#f9fafb}[data-theme=dark] .afm-sub{color:#94a3b8}[data-theme=dark] .afm-x{background:#0b1220;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .afm-x:hover{background:#ffffff0a}[data-theme=dark] .afm-condCard,[data-theme=dark] .afm-item{background:#0b1220;border-color:#1f2937}[data-theme=dark] .afm-condTitle,[data-theme=dark] .afm-itemTitle{color:#f9fafb}[data-theme=dark] .afm-condMeta,[data-theme=dark] .afm-meta{color:#cbd5e1}[data-theme=dark] .afm-notes{color:#94a3b8}[data-theme=dark] .afm-badge{background:#6366f129;border-color:#6366f138;color:#e5e7eb}[data-theme=dark] .afm-condHint{color:#94a3b8}[data-theme=dark] .afm-condEvidence{background:#ffffff0a;border-color:#1f2937;color:#cbd5e1}[data-theme=dark] .afm-empty{background:#ffffff0a;border-color:#1f2937;color:#94a3b8}.hrs-wrap{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:360px 1fr;height:calc(100vh - 160px);min-height:560px}.hrs-left,.hrs-right{height:100%;min-width:0}.hrs-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 30px #0f172a0f;display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden}.hrs-head{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;justify-content:space-between;padding:14px}.hrs-title{color:#0f172a;font-size:14px;font-weight:900;line-height:1.1}.hrs-sub{color:#64748b;font-size:12px;font-weight:600;margin-top:4px;max-width:520px}.hrs-list{overflow:auto;padding:12px;scrollbar-width:none}.hrs-list::-webkit-scrollbar{height:0;width:0}.hrs-actions{flex-wrap:wrap}.hrs-btn{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px;transition:all .2s ease}.hrs-btn:hover{background:#f3f4f6}.hrs-btn.primary{background:linear-gradient(135deg,#a855f7,#6366f1);border:none;box-shadow:0 8px 20px #818cf880;color:#fff}.hrs-btn.primary:hover{box-shadow:0 12px 26px #818cf8bf}.hrs-empty{color:#6b7280;font-size:13px;font-weight:700;padding:18px}@media (max-width:1050px){.hrs-wrap{grid-template-columns:1fr;min-height:0;min-height:auto}.hrs-card,.hrs-wrap{height:auto}}[data-theme=dark] .hrs-card{background:#020617;border-color:#1f2937;box-shadow:0 16px 40px #0f172ae6}[data-theme=dark] .hrs-head{border-color:#1f2937}[data-theme=dark] .hrs-title{color:#f9fafb}[data-theme=dark] .hrs-sub{color:#94a3b8}[data-theme=dark] .hrs-btn{background:#020617;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .hrs-btn:hover{background:#111827}[data-theme=dark] .hrs-empty{color:#9ca3af}.hrs-actions{align-items:center;display:flex;gap:10px}.hrs-btn.danger{background:#ef44441a;border:1px solid #ef444459;color:#991b1b}.hrs-error{background:#ef444414;border:1px solid #ef444433;border-radius:12px;color:#991b1b;font-size:12px;font-weight:700;margin:10px 14px 0;padding:10px 12px}.health-reportlist{grid-gap:10px;display:grid;gap:10px}.health-reportlist.grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.health-reportitem{background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;padding:12px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.health-reportitem:hover{background:#f8fafc;box-shadow:0 10px 26px #0206170f;transform:translateY(-1px)}.health-reportitem.active{background:#8b5cf6;border-color:#0000;box-shadow:0 14px 36px #8b5cf659;color:#fff}.health-reportitem__title{font-size:13px;font-weight:900;letter-spacing:-.01em;line-height:1.2;margin-bottom:4px}.health-reportitem__meta{font-size:12px;opacity:.85}.health-reportitem__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.health-badge{background:#94a3b824;border:1px solid #94a3b899;border-radius:999px;color:#0f172a;font-size:11px;font-weight:800;padding:5px 10px}.health-badge.ok{background:#22c55e1f;border-color:#22c55e80;color:#166534}.health-badge.wait{background:#f59e0b1f;border-color:#f59e0b80;color:#92400e}[data-theme=dark] .health-reportitem{background:#0a0e1a;border-color:#1f2937;color:#cbd5e1}[data-theme=dark] .health-reportitem:hover{background:#0b1220}[data-theme=dark] .health-reportitem.active{background:#8b5cf6;color:#fff}[data-theme=dark] .health-badge{background:#94a3b81f;border-color:#94a3b859;color:#e5e7eb}[data-theme=dark] .health-badge.ok{color:#bbf7d0}[data-theme=dark] .health-badge.wait{color:#fde68a}.health-reportrow{align-items:stretch;display:flex;gap:10px;position:relative}.health-reportitem{flex:1 1;text-align:left}.health-reportDeleteBtn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;display:inline-flex;font-size:16px;height:34px;justify-content:center;line-height:1;margin-top:10px;min-width:34px;opacity:.85;width:34px}.health-reportDeleteBtn:hover{border-color:#ef444459;box-shadow:0 10px 20px #0f172a14;opacity:1}.health-reportDeleteBtn:disabled{cursor:not-allowed;opacity:.6}.health-viewer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;height:72vh;min-height:520px;overflow:hidden;width:100%}.health-viewer iframe,.report-preview-pdf{border:none;display:block;height:100%;width:100%}.health-viewer img,.report-preview-img{background:#fff;display:block;height:100%;margin:0 auto;object-fit:contain;width:100%}.health-viewer__fallback{color:#475569;display:grid;font-size:13px;height:100%;padding:16px;place-items:center;text-align:center}.health-viewer__fallback a{color:#0f172a;font-weight:800;text-decoration:underline}[data-theme=dark] .health-viewer{background:#020617;border-color:#1f2937}[data-theme=dark] .health-viewer img,[data-theme=dark] .report-preview-img{background:#020617}[data-theme=dark] .health-viewer__fallback{color:#9ca3af}[data-theme=dark] .health-viewer__fallback a{color:#e5e7eb}.dd-page{margin:0 auto;max-width:1280px;padding:22px 22px 40px}.dd-head{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding-bottom:14px}.dd-titleWrap{flex:1 1;min-width:0}.dd-back{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:900;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;white-space:nowrap}.dd-back:hover{background:#f8fafc;box-shadow:0 10px 22px #0f172a1a}.dd-back:active{transform:scale(.98)}.dd-title{color:#0f172a;font-size:28px;font-weight:950;letter-spacing:-.02em;line-height:1.25;margin-bottom:6px}.dd-sub{color:#64748b;font-size:13px;font-weight:750;margin-bottom:6px}.dd-sub b{color:#0f172a;font-weight:950}.dd-evidence{background:#6366f114;border-left:4px solid #6366f1;border-radius:12px;color:#334155;font-size:13px;font-weight:750;line-height:1.45;margin-top:10px;overflow-wrap:anywhere;padding:12px 14px}.dd-evidence b{color:#0f172a;font-weight:950}.dd-error,.dd-loading{border-radius:14px;font-weight:800;padding:18px;text-align:center}.dd-loading{background:#f8fafc;border:1px solid #e5e7eb;color:#64748b}.dd-error{background:#ef44441a;border:1px solid #ef444440;color:#dc2626}.dd-cardMain{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 26px #0f172a0f;margin:14px 0 22px;padding:18px}.dd-mainLine{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.dd-chip{background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:999px;box-shadow:0 10px 22px #6366f138;color:#fff;font-size:12px;font-weight:950;letter-spacing:.06em;padding:8px 14px;text-transform:uppercase}.dd-desc{color:#334155;font-size:14px;font-weight:650;line-height:1.65}.dd-muted{color:#94a3b8;font-style:italic}.dd-sec{margin-bottom:22px}.dd-secTitle{border-bottom:1px solid #e5e7eb;color:#0f172a;font-size:18px;font-weight:950;letter-spacing:-.01em;margin:10px 0 14px;padding-bottom:10px}.dd-secBody{padding-left:2px}.dd-miniTitle{color:#334155;font-size:12px;font-weight:950;letter-spacing:.1em;margin:14px 0 10px;text-transform:uppercase}.dd-ul{color:#334155;font-size:13px;font-weight:650;line-height:1.6;margin:0;padding-left:18px}.dd-ul li{margin-bottom:6px}.dd-symptomGrid{display:flex;flex-wrap:wrap;gap:12px}.dd-symptomCard{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex:1 1 220px;gap:12px;max-width:260px;min-width:220px;padding:14px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.dd-symptomCard:hover{border-color:#6366f173;box-shadow:0 12px 26px #6366f11a;transform:translateY(-1px)}.dd-symptomIcon{align-items:center;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:12px;box-shadow:0 10px 22px #6366f133;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.dd-symptomText{color:#0f172a;font-size:14px;font-weight:800;line-height:1.35}.dd-cards{align-items:stretch;display:flex;flex-wrap:wrap;gap:14px}.dd-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex:1 1 360px;max-width:100%;min-width:340px;padding:16px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.dd-card:hover{border-color:#dbe3f3;box-shadow:0 14px 34px #0f172a1a;transform:translateY(-1px)}.dd-cardTitle{color:#0f172a;font-size:15px;font-weight:950;letter-spacing:-.01em;line-height:1.3;margin-bottom:12px}.dd-kv{display:flex;flex-direction:column;gap:10px}.dd-kv>div{align-items:flex-start;color:#334155;display:flex;font-size:13px;font-weight:650;gap:12px;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}.dd-kv>div b{color:#0f172a;flex:0 0 150px;font-weight:950;min-width:150px;white-space:nowrap}.dd-link{color:#4f46e5;font-weight:900;text-decoration:none;word-break:break-all}.dd-link:hover{text-decoration:underline}@media (max-width:900px){.dd-title{font-size:22px}.dd-kv>div b{flex-basis:130px;min-width:130px}.dd-card{flex-basis:320px;min-width:300px}}@media (max-width:640px){.dd-page{padding:16px 14px 28px}.dd-head{align-items:stretch;flex-direction:column;gap:12px}.dd-back{align-self:flex-start}.dd-symptomCard{max-width:100%}.dd-card,.dd-symptomCard{flex-basis:100%;min-width:100%}.dd-kv>div{flex-direction:column;gap:6px}.dd-kv>div b{flex:initial;min-width:0;min-width:auto;white-space:normal}}[data-theme=dark] .dd-head{border-color:#1f2937}[data-theme=dark] .dd-back{background:#0b1220;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .dd-back:hover{background:#ffffff0a;box-shadow:0 10px 22px #00000059}[data-theme=dark] .dd-title{color:#f9fafb}[data-theme=dark] .dd-sub{color:#94a3b8}[data-theme=dark] .dd-sub b{color:#e5e7eb}[data-theme=dark] .dd-evidence{background:#6366f124;border-left-color:#818cf8;color:#cbd5e1}[data-theme=dark] .dd-evidence b{color:#f9fafb}[data-theme=dark] .dd-loading{background:#ffffff0a;border-color:#1f2937;color:#94a3b8}[data-theme=dark] .dd-error{background:#ef444424;border-color:#ef444459;color:#fca5a5}[data-theme=dark] .dd-cardMain{background:#0b1220;border-color:#1f2937;box-shadow:0 10px 26px #00000059}[data-theme=dark] .dd-desc{color:#cbd5e1}[data-theme=dark] .dd-muted{color:#64748b}[data-theme=dark] .dd-secTitle{border-color:#1f2937;color:#f9fafb}[data-theme=dark] .dd-miniTitle,[data-theme=dark] .dd-ul{color:#cbd5e1}[data-theme=dark] .dd-symptomCard{background:#0b1220;border-color:#1f2937}[data-theme=dark] .dd-symptomCard:hover{border-color:#818cf873;box-shadow:0 12px 26px #818cf829}[data-theme=dark] .dd-symptomText{color:#f9fafb}[data-theme=dark] .dd-card{background:#0b1220;border-color:#1f2937}[data-theme=dark] .dd-card:hover{border-color:#334155;box-shadow:0 14px 34px #00000073}[data-theme=dark] .dd-cardTitle{color:#f9fafb}[data-theme=dark] .dd-kv>div{color:#cbd5e1}[data-theme=dark] .dd-kv>div b{color:#f9fafb}[data-theme=dark] .dd-link{color:#818cf8}.hrm-backdrop{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.hrm-modal{background:#fff;border-radius:16px;box-shadow:0 24px 70px #00000040;overflow:hidden;width:min(520px,96vw)}.hrm-head{align-items:flex-start;border-bottom:1px solid #eef2ff;display:flex;gap:14px;justify-content:space-between;padding:16px}.hrm-title{color:#0f172a;font-size:18px;font-weight:800}.hrm-sub{color:#475569;font-size:13px;margin-top:4px}.hrm-x{background:#f1f5f9;border:0;border-radius:10px;color:#0f172a;cursor:pointer;height:36px;width:36px}.hrm-body{padding:16px}.hrm-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.hrm-cardTitle{color:#0f172a;font-weight:800;margin-bottom:6px}.hrm-cardText{color:#334155;font-size:13px;line-height:1.45}.hrm-foot{border-top:1px solid #eef2ff;display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}.hrm-ghost{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-weight:700}.hrm-ghost,.hrm-primary{cursor:pointer;padding:10px 14px}.hrm-primary{background:#7c3aed;border:0;border-radius:12px;color:#fff;font-weight:800}.medh-root{--bg:#f6f8fc;--card:#fff;--text:#0f172a;--muted:#64748b;--muted2:#94a3b8;--border:#e5e7eb;--border2:#eef2ff;--shadow:0 10px 28px #0f172a0f;--shadow2:0 14px 38px #0f172a14;--purple:#7c3aed;--purple2:#8b5cf6;--mintCard:#eaf7f0;--mintBorder:#10b9812e;--okBg:#ecfdf5;--okBr:#86efac;--okTx:#047857;--warnBg:#fff7ed;--warnBr:#fdba74;--warnTx:#c2410c;--chipBg:#f8fafc;--chipBr:#e5e7eb;--radius:18px;--radiusSm:14px;background:var(--bg);border-radius:20px;margin-top:16px;padding:18px}.medh-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.medh-title{color:var(--text);font-size:18px;font-weight:950;letter-spacing:-.02em;margin:0}.medh-headActions{align-items:center;display:flex;gap:10px}.medh-shell{align-items:flex-start;display:flex;gap:18px}.medh-left{align-self:flex-start;position:-webkit-sticky;position:sticky;top:14px;width:340px}.medh-right{display:flex;flex:1 1;flex-direction:column;gap:14px;min-width:0}.medh-calCard{background:var(--mintCard);border:1px solid var(--mintBorder);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:14px}.medh-calTop{align-items:center;display:flex;justify-content:space-between;padding:6px 4px 12px}.medh-calTitle{color:var(--text);font-size:13px;font-weight:950;letter-spacing:-.02em;text-transform:uppercase}.medh-calNav{background:#7c3aed1a;border:0;border-radius:999px;color:var(--purple);cursor:pointer;font-weight:950;height:38px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;width:38px}.medh-calNav:hover{background:#7c3aed29;box-shadow:0 10px 18px #7c3aed1f}.medh-calNav:active{transform:scale(.98)}.medh-calDow{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);padding:0 4px 6px}.medh-calDowCell{color:#0f172a8c;font-size:11px;font-weight:950;letter-spacing:.05em;text-align:center}.medh-calGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);padding:8px 4px 10px}.medh-calCell{background:#0000;border:0;border-radius:999px;color:var(--text);cursor:pointer;font-weight:950;height:42px;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease}.medh-calCell:hover{background:#ffffffb3;box-shadow:0 10px 18px #0f172a0f;transform:translateY(-1px)}.medh-calCell.empty{background:#0000;box-shadow:none;cursor:default}.medh-calCell.today{outline:2px solid #7c3aed38;outline-offset:2px}.medh-calCell.sel{background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 12px 24px #7c3aed40;color:#fff}.medh-calBottom{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:10px 4px 0}.medh-todayBtn{background:#0f172a14;border:0;border-radius:999px;color:#0f172acc;cursor:pointer;font-weight:950;padding:10px 14px;transition:transform .12s ease,background .12s ease}.medh-todayBtn:hover{background:#0f172a1f}.medh-todayBtn:active{transform:scale(.98)}.medh-selected{color:#0f172aa6;font-size:12px;font-weight:950}.medh-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow2);overflow:hidden}.medh-cardTitle{align-items:center;border-bottom:1px solid var(--border2);color:var(--text);display:flex;font-weight:950;gap:10px;justify-content:space-between;letter-spacing:-.015em;padding:14px 16px}.medh-line,.medh-list{padding:14px}.medh-line{align-items:flex-start;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #6366f11a;border-radius:var(--radiusSm);display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.medh-line:hover{border-color:#7c3aed2e;box-shadow:0 18px 44px #0f172a1a;transform:translateY(-1px)}.medh-lineText{flex:1 1;min-width:0}.medh-topRow{justify-content:space-between}.medh-medName,.medh-topRow{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.medh-medName{color:var(--text);font-size:15px;font-weight:950;letter-spacing:-.01em}.medh-dose{background:#7c3aed14;border:1px solid #7c3aed24;border-radius:999px;color:var(--purple);font-size:12px;font-weight:950;padding:6px 10px}.medh-meta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;font-weight:900;gap:10px}.medh-frequency{background:#0284c714;border:1px solid #0284c71f;border-radius:999px;color:#075985;padding:6px 10px}.medh-range{background:#0f172a0f;border:1px solid #0f172a1a;border-radius:999px;color:#0f172abf;padding:6px 10px}.medh-timeChips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.medh-timeChip{align-items:center;background:var(--chipBg);border:1px solid var(--chipBr);border-radius:999px;color:var(--text);cursor:pointer;display:inline-flex;font-size:12px;font-weight:950;gap:8px;padding:9px 12px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.medh-timeChip:hover{box-shadow:0 12px 24px #0f172a14;transform:translateY(-1px)}.medh-timeChip.taken{background:var(--okBg);border-color:var(--okBr);color:#065f46}.medh-timeChip.snoozed{background:var(--warnBg);border-color:var(--warnBr);color:var(--warnTx)}.medh-snoozeTag{color:var(--warnTx);font-weight:950}.medh-root.isReadOnly .medh-timeChip{cursor:default}.medh-root.isReadOnly .medh-timeChip:disabled{box-shadow:none;opacity:.92;transform:none}.medh-root.isReadOnly .medh-timeChip:disabled:hover{box-shadow:none;transform:none}.medh-rowActions{align-items:center;display:flex;gap:8px}.medh-edit,.medh-markAll,.medh-x{border:0;border-radius:999px;cursor:pointer;font-weight:950;padding:9px 12px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.medh-edit:hover,.medh-markAll:hover,.medh-x:hover{box-shadow:0 12px 24px #0f172a1a;transform:translateY(-1px)}.medh-edit{background:#eef2ff;color:#4f46e5}.medh-markAll{background:#ecfdf5;color:#047857}.medh-x{background:#f1f5f9;color:#0f172a}.medh-empty{color:var(--muted);font-weight:900;padding:16px;text-align:center}.medh-modalWrap{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.medh-modal{background:var(--card);border:1px solid #6366f12e;border-radius:20px;box-shadow:0 22px 70px #00000040;overflow:hidden;width:min(720px,96vw)}.medh-modalHead{align-items:center;border-bottom:1px solid var(--border2);display:flex;justify-content:space-between;padding:14px 16px}.medh-modalTitle{color:var(--text);font-weight:950}.medh-close{background:var(--card);border:1px solid var(--border);border-radius:14px;cursor:pointer;height:42px;width:42px}.medh-form{padding:16px}.medh-label{color:#0f172acc;display:block;font-size:13px;font-weight:950;margin:10px 0 6px}.medh-input,.medh-select{background:var(--card);border:1px solid var(--border);border-radius:14px;color:var(--text);font-weight:800;height:46px;outline:none;padding:0 12px;width:100%}.medh-input:focus,.medh-select:focus{border-color:#7c3aed66;box-shadow:0 0 0 4px #7c3aed1f}.medh-timesGrid{display:flex;flex-direction:column;gap:10px}.medh-timeRow{align-items:center;display:flex;gap:10px}.medh-timeTag{background:#0f172a0d;border:1px solid #0f172a1a;border-radius:999px;color:#0f172a8c;font-size:12px;font-weight:950;padding:10px;text-align:center;width:86px}.medh-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.medh-hint{color:var(--muted);font-size:12px;font-weight:800;margin-top:10px}@media (max-width:980px){.medh-root{padding:14px}.medh-shell{flex-direction:column}.medh-left{position:relative;top:auto;width:100%}.medh-calCard{padding:12px}}[data-theme=dark] .medh-root{--bg:#0b1220;--card:#0e1628;--text:#f8fafc;--muted:#94a3b8;--muted2:#64748b;--border:#1f2937;--border2:#ffffff0f;--shadow:0 14px 34px #00000073;--shadow2:0 18px 48px #00000080;--mintCard:#10b9811a;--mintBorder:#10b9812e;--chipBg:#ffffff0a;--chipBr:#ffffff14;background:var(--bg)}[data-theme=dark] .medh-card,[data-theme=dark] .medh-modal{background:var(--card);border-color:var(--border)}[data-theme=dark] .medh-cardTitle{border-color:var(--border2);color:var(--text)}[data-theme=dark] .medh-line{background:linear-gradient(180deg,#ffffff08,#ffffff05);border-color:#818cf81a}[data-theme=dark] .medh-line:hover{border-color:#818cf82e;box-shadow:0 18px 44px #0000008c}[data-theme=dark] .medh-frequency{background:#0284c71f;border-color:#0284c72e;color:#7dd3fc}[data-theme=dark] .medh-range{background:#ffffff0a;border-color:#ffffff1a;color:#f8fafcb8}[data-theme=dark] .medh-dose{background:#7c3aed24;border-color:#7c3aed38;color:#c4b5fd}[data-theme=dark] .medh-timeChip{background:var(--chipBg);border-color:var(--chipBr);color:var(--text)}[data-theme=dark] .medh-calCell:hover{background:#ffffff0f}[data-theme=dark] .medh-calTitle,[data-theme=dark] .medh-selected{color:#f8fafcbf}[data-theme=dark] .medh-calDowCell{color:#f8fafc8c}[data-theme=dark] .medh-todayBtn{background:#ffffff12;color:#f8fafccc}[data-theme=dark] .medh-input,[data-theme=dark] .medh-select{background:#ffffff08;border-color:#ffffff1a;color:var(--text)}[data-theme=dark] .medh-label{color:#f8fafcbf}[data-theme=dark] .medh-close{background:#ffffff08;border-color:#ffffff1a}.medhp-root{width:100%}.medhp-top{justify-content:space-between;margin-bottom:14px}.medhp-left,.medhp-top{align-items:center;display:flex;gap:12px}.medhp-title{color:#0f172a;font-size:18px;font-weight:950}.medhp-back{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;font-weight:900;padding:10px 14px}.medhp-back:hover{background:#f1f5f9}.medhp-body{width:100%}.v2-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.v2-card{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #6366f11f;border:1px solid var(--border,#6366f11f);border-radius:16px;box-shadow:0 10px 30px #0f172a0f;box-shadow:var(--shadow,0 10px 30px #0f172a0f);display:flex;justify-content:space-between;min-height:104px;padding:18px}.v2-left{display:flex;flex-direction:column;gap:8px}.v2-title{color:#0f172a;color:var(--text,#0f172a);font-size:25px;font-weight:900}.v2-valueRow{align-items:baseline;display:flex;gap:10px}.v2-value{color:#5f67ec;color:var(--primary,#5f67ec);font-size:44px;font-weight:950;letter-spacing:-.5px;line-height:1}.v2-unit{color:#64748b;color:var(--muted,#64748b);font-size:12px;font-weight:900;transform:translateY(6px)}.v2-sub{color:#94a3b8;color:var(--muted2,#94a3b8);font-size:12px;font-weight:800}.v2-good{color:#22c55e;font-weight:900}.v2-right{display:grid;place-items:center}.v2-ring{height:76px;place-items:center;position:relative;width:76px}.v2-ring,.v2-ringInner{border-radius:999px;display:grid}.v2-ringInner{background:#fff;background:var(--card,#fff);box-shadow:inset 0 0 0 1px #6366f11a;box-shadow:inset 0 0 0 1px var(--border,#6366f11a);height:58px;place-items:center;width:58px}.v2-ring.amber{background:radial-gradient(circle at 35% 35%,#f59e0b4d,#f59e0b0f);box-shadow:inset 0 0 0 10px #f59e0b1a}.v2-ring.violet{background:radial-gradient(circle at 35% 35%,#5f67ec40,#5f67ec0f);box-shadow:inset 0 0 0 10px #5f67ec1a}.v2-ring.red{background:radial-gradient(circle at 35% 35%,#ef444440,#ef44440f);box-shadow:inset 0 0 0 10px #ef44441a}@media (max-width:1100px){.v2-row{grid-template-columns:1fr}}.v2-wrap{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:120px 1fr;margin-bottom:18px}.v2-logoCard{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #6366f11f;border:1px solid var(--border,#6366f11f);border-radius:16px;box-shadow:0 10px 30px #0f172a0f;box-shadow:var(--shadow,0 10px 30px #0f172a0f);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px}.v2-logoImg{height:126px;object-fit:contain;width:126px}.v2-logoText{color:#5f67ec;color:var(--primary,#5f67ec);font-size:12px;font-weight:950}:root[data-theme=dark] .v2-ring.amber{box-shadow:inset 0 0 0 10px #f59e0b24}:root[data-theme=dark] .v2-ring.violet{box-shadow:inset 0 0 0 10px #8b93ff29}:root[data-theme=dark] .v2-ring.red{box-shadow:inset 0 0 0 10px #ef444424}.v2-rowCompact{gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:0}.v2-cardCompact{min-height:88px;padding:14px}.v2-valueCompact{font-size:34px}.v2-ringSmall{height:155px;width:155px}.v2-ringInnerSmall{height:90px;width:90px}.v2-ringBtn{background:#0000;border:none;cursor:pointer;padding:0}@media (max-width:1100px){.v2-wrap{grid-template-columns:1fr}.v2-logoCard{flex-direction:row;gap:12px;justify-content:flex-start}.v2-logoImg{height:54px;width:54px}.v2-rowCompact{grid-template-columns:1fr}}.awm-backdrop{background:#0f172a8c;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.awm-modal{background:#fff;border:1px solid #6366f12e;border-radius:18px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:86vh;overflow:hidden;width:min(820px,92vw)}.awm-head{align-items:center;border-bottom:1px solid #6366f11f;display:flex;justify-content:space-between;padding:14px 16px}.awm-title{color:#0f172a;font-weight:950}.awm-x{background:#0000;border:none;cursor:pointer;font-size:18px;font-weight:900}.awm-error{background:#ef44441f;border:1px solid #ef444440;border-radius:12px;color:#b91c1c;font-weight:900;margin:12px 16px 0;padding:10px 12px}.awm-body{grid-gap:14px;display:grid;flex:1 1;gap:14px;grid-template-columns:1fr 1fr;overflow:hidden;padding:16px}@media (max-width:820px){.awm-body{grid-template-columns:1fr;overflow:auto}}.awm-box{background:#5f67ec08;border:1px solid #6366f124;border-radius:14px;display:flex;flex-direction:column;min-height:0;padding:14px}.awm-boxTitle{color:#0f172a;font-weight:950;margin-bottom:6px}.awm-boxSub{color:#64748b;font-size:13px;font-weight:800;line-height:1.4;margin-bottom:12px}.awm-btn{background:#fff;border:1px solid #6366f12e;border-radius:12px;color:#334155;cursor:pointer;font-size:13px;font-weight:950;padding:10px 14px}.awm-btn.primary{background:#5f67ec;border-color:#5f67ec;color:#fff}.awm-btn.ghost{background:#5f67ec14;border-color:#5f67ec2e;color:#5f67ec;margin-top:10px;width:100%}.awm-codeWrap{margin-top:12px}.awm-code{background:#fff;border:1px dashed #6366f159;border-radius:14px;color:#0f172a;font-size:34px;font-weight:950;letter-spacing:6px;padding:10px 14px;text-align:center}.awm-exp{color:#64748b;font-size:12px;font-weight:800;margin-top:6px;text-align:center}.awm-devList{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-top:8px;min-height:0;overflow-y:auto;padding-right:6px}.awm-devList::-webkit-scrollbar{width:8px}.awm-devList::-webkit-scrollbar-thumb{background:#5f67ec40;border-radius:999px}.awm-devList::-webkit-scrollbar-track{background:#0000}.awm-dev{background:#fff;border:1px solid #6366f11f;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.awm-devName{color:#0f172a;font-size:13px;font-weight:950}.awm-devMeta{color:#64748b;font-size:12px;font-weight:800;margin-top:2px}.awm-empty{color:#94a3b8;font-size:13px;font-weight:900;padding:8px 2px}.ins2-wrap{padding:14px 16px}.ins2-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.ins2-left{flex:1 1}.ins2-muted{color:#64748b;font-size:12px;font-weight:900;margin-bottom:6px}.ins2-input{background:#fff;border:1px solid #6366f12e;border-radius:12px;color:#0f172a;font-weight:900;margin-bottom:10px;outline:none;padding:10px 12px;width:100%}.ins2-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ins2-col{display:flex;flex-direction:column}.ins2-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.health2-btn.danger{background:#ef44441a;border:1px solid #ef444459;color:#991b1b}.health2-btn.danger:hover{border-color:#ef44448c;box-shadow:0 10px 20px #0f172a0f}.gamesHome{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px;transition:background .3s ease}.gamesHome__header{margin-bottom:60px}.gamesHome__header h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.gamesHome__subtitle{color:#666;font-size:14px;font-weight:400;margin:0;transition:color .3s ease}.gamesHome__empty,.gamesHome__loading{background:#fff;border-radius:20px;box-shadow:0 2px 12px #00000014;color:#999;font-size:16px;padding:60px 20px;text-align:center;transition:background .3s ease,box-shadow .3s ease,color .3s ease}.gamesHome__cardsGrid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.gamesHome__cardsGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.gamesHome__cardsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.gamesHome__cardsGrid{gap:24px;grid-template-columns:1fr}.gamesHome{padding:20px 16px}.gamesHome__header h2{font-size:24px}}.gamesHome__gameCardWrapper{padding-top:80px;position:relative;transition:transform .3s ease}.gamesHome__gameCardWrapper:hover{transform:translateY(-8px)}.gamesHome__cardImageFloat{background:#fff;border:6px solid #f8f9fa;border-radius:50%;box-shadow:0 8px 24px #0000001f;height:140px;left:50%;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;width:140px;z-index:2}.gamesHome__gameCardWrapper:hover .gamesHome__cardImageFloat{box-shadow:0 12px 32px #00000029;transform:translateX(-50%) translateY(-4px)}.gamesHome__cardImageFloat img{height:100%;object-fit:cover;width:100%}.gamesHome__gameCard{background:#fff;border:1px solid #0000;border-radius:20px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:60px;position:relative;transition:box-shadow .3s ease,background .3s ease,border-color .3s ease}.gamesHome__gameCard:before{background:radial-gradient(circle at top left,#fff,#0000 55%);content:"";inset:0;opacity:.12;pointer-events:none;position:absolute;transition:opacity .3s ease}.gamesHome__gameCardWrapper:hover .gamesHome__gameCard{box-shadow:0 8px 24px #0000001f}.gamesHome__cardContent{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:20px 24px 24px;text-align:center}.gamesHome__cardTitle{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 12px;transition:color .3s ease}.gamesHome__cardDesc{color:#666;flex:1 1;font-size:13px;line-height:1.6;margin:0 0 20px;min-height:60px;transition:color .3s ease}.gamesHome__playBtn{background:#7e56da;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:opacity .2s ease,transform .1s ease,background .3s ease;width:100%}.gamesHome__playBtn:hover:not(.disabled){opacity:.9;transform:scale(1.02)}.gamesHome__playBtn.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transition:background .3s ease,color .3s ease}.gamesHome__playBtn:active:not(.disabled){transform:scale(.98)}[data-theme=dark] .gamesHome{background:#020617}[data-theme=dark] .gamesHome__header h2{color:#e5e7eb}[data-theme=dark] .gamesHome__subtitle{color:#9ca3af}[data-theme=dark] .gamesHome__empty,[data-theme=dark] .gamesHome__loading{background:#020617;border:1px solid #94a3b859;box-shadow:0 18px 40px #0f172ae6;color:#9ca3af}[data-theme=dark] .gamesHome__cardImageFloat{background:#1e293b;border-color:#0f172a;box-shadow:0 10px 30px #0f172ae6}[data-theme=dark] .gamesHome__gameCardWrapper:hover .gamesHome__cardImageFloat{box-shadow:0 14px 40px #7e56da80}[data-theme=dark] .gamesHome__gameCard{background:#020617;border:1px solid #94a3b859;box-shadow:0 18px 40px #0f172ae6}[data-theme=dark] .gamesHome__gameCard:before{background:radial-gradient(circle at top left,#818cf880,#0000 60%);opacity:.18}[data-theme=dark] .gamesHome__gameCardWrapper:hover .gamesHome__gameCard{border-color:#a855f780;box-shadow:0 22px 60px #0f172a}[data-theme=dark] .gamesHome__cardTitle{color:#e5e7eb}[data-theme=dark] .gamesHome__cardDesc{color:#9ca3af}[data-theme=dark] .gamesHome__playBtn{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 14px #8b5cf64d}[data-theme=dark] .gamesHome__playBtn:hover:not(.disabled){box-shadow:0 6px 20px #8b5cf680}[data-theme=dark] .gamesHome__playBtn.disabled{background:#0f172ae6;box-shadow:none;color:#64748b}.gtd-modal__backdrop{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.gtd-modal{background:#ffffffeb;border:1px solid #1118271f;border-radius:18px;box-shadow:0 18px 60px #00000040;color:#111827;padding:16px;width:min(600px,100%)}.gtd-modal__header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.gtd-modal__header h3{font-size:18px;font-weight:800;margin:0}.gtd-modal__footer{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.gtd-form{margin-top:6px}.gtd-label{color:#111827;display:block;font-weight:700;margin:10px 0 6px}.gtd-input{background:#fffffff2;border:1px solid #11182729;border-radius:12px;color:#111827;outline:none;padding:11px 12px;width:100%}.gtd-input:focus{border-color:#6366f18c;box-shadow:0 0 0 4px #6366f12e}.gtd-members__top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}.gtd-members{background:#ffffffa6;border:1px solid #1118271f;border-radius:14px;margin-top:10px;max-height:240px;overflow:auto;padding:10px}.gtd-member{align-items:center;border-radius:12px;color:#111827;display:flex;gap:10px;padding:9px 8px}.gtd-member:hover{background:#6366f114}.gtd-member__name{font-weight:700}.gtd-member__role{font-size:12px;margin-left:auto;opacity:.65}.gtd-hint{color:#111827;font-size:12px;opacity:.7}.gtd-error{background:#ef44441f;border:1px solid #ef444440;color:#991b1b;margin-top:10px}.gtd-btn{background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.gtd-btn.ghost{background:#0000;border:1px solid #1118272e;color:#111827}.gtd-btn:disabled{cursor:not-allowed;opacity:.6}.gtd-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.gtd-header-actions{align-items:center;display:flex;gap:10px;margin-top:10px}.gtd-section-title{font-weight:600;margin-bottom:10px;margin-top:18px;opacity:.85}.gtd-room-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(220px,1fr))}@media (max-width:1200px){.gtd-room-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media (max-width:900px){.gtd-room-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width:520px){.gtd-room-grid{grid-template-columns:1fr}}.gtd-room-card{background:#fff;border:1px solid #00000014;border-radius:14px;cursor:pointer;padding:14px;transition:transform .12s ease,box-shadow .12s ease}.gtd-room-card:hover{box-shadow:0 10px 24px #0000001a;transform:translateY(-1px)}.gtd-room-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.gtd-room-name{font-size:16px;font-weight:700}.gtd-badge{background:#0000000f;border-radius:999px;font-size:12px;padding:6px 10px;text-transform:capitalize}.gtd-badge.host{background:#6366f124;color:#4f46e5}.gtd-room-meta{display:flex;flex-direction:column;font-size:13px;gap:6px;margin-top:10px;opacity:.85}.gtd-room-footer{display:flex;font-size:12px;gap:10px;justify-content:space-between;margin-top:12px;opacity:.7}.gtd-empty{background:#00000005;border:1px dashed #0003;border-radius:14px;padding:18px}.gtd-empty-title{font-weight:700;margin-bottom:6px}.gtd-error{background:#b91c1c14;border-radius:12px;color:#b91c1c;padding:10px 12px}.gtd-muted{opacity:.7}.gtdr-page{padding:18px}.gtdr-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.gtdr-title h2{font-size:28px;font-weight:700;margin:0}.gtdr-sub{margin:6px 0 10px;opacity:.7}.gtdr-chiprow{display:flex;flex-wrap:wrap;gap:10px}.gtdr-chip{background:#fff;border:1px solid #0000001a;border-radius:999px;font-size:13px;padding:6px 10px}.gtdr-chip.host{background:#4650ff14;border-color:#4650ff59}.gtdr-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1.2fr 1fr}.gtdr-card{background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 8px 22px #0000000a;padding:16px}.gtdr-card h3{font-size:18px;margin:0 0 10px}.gtdr-h4{font-size:15px;font-weight:700;margin:10px 0}.gtdr-divider{background:#00000014;height:1px;margin:12px 0}.gtdr-muted{font-size:13px;opacity:.7}.gtdr-error{background:#dc143c1a;border:1px solid #dc143c40;border-radius:12px;color:crimson;margin:10px 0;padding:10px 12px}.gtdr-success{background:#00b45a1a;border:1px solid #00b45a40;border-radius:12px;color:#0a7a3a;padding:10px 12px}.gtdr-btn{background:#0f172a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}.gtdr-btn:disabled{cursor:not-allowed;opacity:.55}.gtdr-btn.ghost{background:#fff;border:1px solid #00000026;color:#0f172a}.gtdr-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.gtdr-select{flex:1 1;min-width:240px}.gtdr-select,.gtdr-textarea{border:1px solid #00000024;border-radius:12px;padding:10px 12px}.gtdr-textarea{min-height:90px;outline:none;width:100%}.gtdr-upload{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}.gtdr-upload label{align-items:center;display:flex;font-size:13px;gap:10px}.gtdr-formgrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.gtdr-field label{display:block;font-size:12px;margin-bottom:6px;opacity:.75}.gtdr-input{border:1px solid #00000024;border-radius:12px;padding:10px 12px;width:100%}.gtdr-field-wide{grid-column:1/-1}.gtdr-inline{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.gtdr-question{border:1px solid #00000014;border-radius:14px;padding:12px}.gtdr-qtitle{font-weight:700;margin-bottom:6px}.gtdr-qtext{margin:6px 0 10px}.gtdr-media{border:1px solid #00000014;border-radius:12px;max-height:360px;object-fit:contain;width:100%}.gtdr-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.gtdr-option-btn{background:#fff;border:1px solid #00000024;border-radius:12px;cursor:pointer;font-weight:600;padding:12px}.gtdr-option-btn.selected{background:#4650ff14;border-color:#4650ff66}.gtdr-participants{grid-gap:10px;display:grid;gap:10px}.gtdr-participant{align-items:center;border:1px solid #00000014;border-radius:14px;display:flex;justify-content:space-between;padding:10px 12px}.gtdr-pstatus{border:1px solid #0000001a;border-radius:999px;font-size:12px;opacity:.85;padding:6px 10px}.gtdr-pstatus.joined{background:#00b45a1f;border-color:#00b45a40}@media (max-width:1100px){.gtdr-formgrid,.gtdr-grid,.gtdr-options{grid-template-columns:1fr}}.gtdr-answer-row{gap:12px}.gtdr-answer-name{font-weight:700}.gtdr-answer-sub{font-size:12px;margin-top:2px;opacity:.8}.gtdr-answer-badge{white-space:nowrap}.gtdr-answer-badge.pending{background:#64748b1f;border-color:#64748b40}.gtdr-answers{grid-gap:10px;display:grid;gap:10px}.gtdr-answer-row{align-items:center;border:1px solid #00000014;border-radius:14px;display:flex;justify-content:space-between;padding:10px 12px}.gtdr-answer-badge{border:1px solid #0000001a;border-radius:999px;font-size:12px;opacity:.9;padding:6px 10px}.gtdr-answer-badge.pending{background:#94a3b82e;border-color:#94a3b859}.gtdr-answer-badge.submitted{background:#3b82f61f;border-color:#3b82f647}.gtdr-answer-badge.correct{background:#00b45a1f;border-color:#00b45a40}.gtdr-answer-badge.wrong{background:#dc143c1a;border-color:#dc143c40}.gtdr-btn.danger{background:#b91c1c}.gtdr-leader-list{grid-gap:10px;display:grid;gap:10px}.gtdr-leader-row{align-items:center;border:1px solid #00000014;border-radius:14px;display:flex;justify-content:space-between;padding:10px 12px}.gtdr-leader-score{font-weight:800;opacity:.85}.gtdr-roundlist{grid-gap:12px;display:grid;gap:12px}.gtdr-roundcard{border:1px solid #00000014;border-radius:16px;padding:12px}.gtdr-roundtop{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.gtdr-winnerpill{background:#00b45a1a;border:1px solid #0000001a;border-radius:999px;font-size:12px;padding:6px 10px}.gtdr-losers{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.gtdr-loser-row{align-items:center;border:1px solid #0000000f;border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.gtdr-mini{opacity:.85;padding:4px 10px}.gtdr-mini.ok{background:#00b45a1f;border-color:#00b45a40}.gtdr-mini.bad{background:#dc143c1a;border-color:#dc143c40}.gtdr-requests{grid-gap:10px;display:grid;gap:10px}.gtdr-request-row{align-items:center;border:1px solid #00000014;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:10px}.gtdr-request-actions{display:flex;gap:8px}.gtdr-request-name{font-weight:600}.gtdr-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.gtdr-modal{animation:gtdrPop .14s ease-out;background:#fff;border:1px solid #00000014;border-radius:18px;box-shadow:0 18px 50px #0000002e;max-height:88vh;overflow:auto;padding:16px;width:min(760px,96vw)}@keyframes gtdrPop{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.gtdr-modal-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.gtdr-modal-title{color:#0f172a;font-size:18px;font-weight:800;margin-bottom:4px}.gtdr-modal-sub{font-size:13px;opacity:.78}.gtdr-modal-close{background:#fff;border:1px solid #0000001a;border-radius:12px;cursor:pointer;display:grid;font-weight:900;height:36px;place-items:center;width:36px}.gtdr-modal-close:hover{background:#0f172a0f}.gtdr-modal-winner{background:#0284c70f}.gtdr-modal-winner,.gtdr-modal-your{border:1px solid #00000014;border-radius:14px;font-weight:700;margin-top:10px;padding:10px 12px}.gtdr-modal-your{background:#94a3b81f}.gtdr-modal-your.ok{background:#00b45a1a;border-color:#00b45a38;color:#0a7a3a}.gtdr-modal-your.bad{background:#dc143c1a;border-color:#dc143c38;color:#b91c1c}.gtdr-modal-divider{background:#0000001a;height:1px;margin:12px 0}.gtdr-modal-h4{font-size:14px;font-weight:800;margin-bottom:10px}.gtdr-modal-list{grid-gap:10px;display:grid;gap:10px}.gtdr-modal-row{align-items:center;border:1px solid #00000014;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.gtdr-modal-actions{display:flex;justify-content:flex-end;margin-top:12px}.gtdr-mini{border:1px solid #0000001a;border-radius:999px;font-size:12px;opacity:.88;padding:5px 10px;white-space:nowrap}.gtdr-modal::-webkit-scrollbar{width:10px}.gtdr-modal::-webkit-scrollbar-thumb{background:#0000002e;border:3px solid #fff;border-radius:999px}.gtdr-modal::-webkit-scrollbar-track{background:#0000}@media (max-width:520px){.gtdr-modal{padding:12px}.gtdr-modal-title{font-size:16px}.gtdr-modal-row{align-items:flex-start;flex-direction:column}.gtdr-modal-actions{justify-content:stretch}.gtdr-modal-actions .gtdr-btn{width:100%}}.dcPage{padding:18px}.dcTop{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.dcSub{font-size:13px;margin-top:6px;opacity:.75}.dcActions{display:flex;gap:10px}.dcBtn{border:1px solid #0003}.dcRoomList{display:flex;flex-direction:column;gap:10px;margin-top:16px}.dcRoomCard{align-items:center;background:#fff;border:1px solid #00000014;border-radius:14px;display:flex;justify-content:space-between;padding:12px}.dcRoomName{font-weight:800}.dcRoomMeta{font-size:13px;margin-top:3px;opacity:.75}.dcMuted{margin-top:14px}.dcError{color:#b91c1c;margin-top:12px}.dcRoomWrap{padding:18px}.dcRoomTop{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.dcRoomTitle{font-size:20px;font-weight:900}.dcRoomSub{font-size:13px;margin-top:4px;opacity:.75}.dcRoomError{color:#b91c1c;margin-top:10px}.dcTeams{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.dcTeamCard{background:#fff;border:1px solid #00000014;border-radius:14px;padding:12px}.dcTeamHead{align-items:center;display:flex;gap:10px;justify-content:space-between}.dcTeamName{font-weight:900}.dcTeamScore{font-size:13px;opacity:.75}.dcTeamMembers{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dcMemberPill{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:999px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.dcCaptain{background:#22c55e26;border:1px solid #22c55e59;border-radius:999px;font-size:10px;padding:2px 6px}.dcTurn{background:#fff;border:1px solid #00000014;border-radius:14px;margin-top:14px;padding:12px}.dcTurnHead{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.dcTurnTitle{font-weight:900}.dcTurnMeta{font-size:13px;opacity:.75}.dcInfoLine{font-size:13px;margin-top:10px;opacity:.85}.dcMuted{margin-top:10px;opacity:.65}.dcPickBox{gap:10px;margin-top:12px;max-width:520px}.dcPickBox,.dcPickRow{display:flex;flex-direction:column}.dcPickRow{gap:6px}.dcPickRow label{font-size:12px;opacity:.75}.dcPickRow select{border:1px solid #0000001f;border-radius:12px;outline:none;padding:10px 12px}.dcBtn{background:#0b1020;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:10px 14px;width:-webkit-max-content;width:max-content}.dcBtn.ghost{background:#0000;border:1px solid #0000001f;color:#111}.dcBtn.danger{background:#b91c1c}.dcSecret{background:#00000008;border:1px dashed #00000040;border-radius:12px;margin-top:10px;padding:10px}.dcHint{font-size:12px;margin-top:4px;opacity:.7}.dcDecide{border-top:1px solid #00000014;margin-top:14px;padding-top:12px}.dcDecideTitle{font-weight:800;margin-bottom:8px}.dcDecideBtns{display:flex;gap:10px}@media (max-width:900px){.dcTeams{grid-template-columns:1fr}}.dcLeaderboard{background:#fff;border:1px solid #00000014;border-radius:14px;margin-top:14px;padding:14px}.dcLeaderboardHead{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.dcLeaderboardTitle{font-size:16px;font-weight:900}.dcLeaderboardSub{font-size:13px;opacity:.75}.dcLeaderboardTable{grid-gap:8px;display:grid;gap:8px}.dcLbRow{background:#00000005;border:1px solid #00000014;grid-template-columns:40px 1fr 80px 110px}.dcLbHeader{opacity:.65}.dcLbRow.winner{background:#22c55e14;border-color:#22c55e73}.dcLbTeamName{font-weight:900}.dcLbMembers{opacity:.7}.dcLbBadge{background:#0000000a;border:1px solid #0000001f}.dcLbBadge.win{border-color:#22c55e80}.dcLbBadge.lose{border-color:#ef444480}@media (max-width:900px){.dcLbRow{grid-template-columns:34px 1fr 60px 90px}}.dcLbRow{grid-gap:10px;align-items:center;background:#00000024;border:1px solid #ffffff14;border-radius:12px;display:grid;gap:10px;grid-template-columns:40px 1fr 80px 90px;padding:10px}.dcLbHeader{background:#0000;border:none;font-size:12px;opacity:.7;padding:0 6px 6px}.dcLbRow.winner{background:#22c55e1a;border-color:#22c55e80}.dcLbTeamName{font-weight:800}.dcLbMembers{font-size:12px;margin-top:2px;opacity:.75}.dcLbBadge{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;font-size:12px;justify-self:start;padding:6px 10px}.dcLbBadge.win{background:#22c55e1f;border-color:#22c55e99}.dcLbBadge.lose{background:#ef44441f;border-color:#ef444499}.dcFinishEarly{align-items:center;background:#0f172a08;border:1px dashed #0000002e;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px}.tlPage{padding:18px}.tlTop{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.tlH2{font-size:28px;margin:0}.tlMuted{font-size:13px;opacity:.7}.tlError{color:#ff6b6b}.tlActions{display:flex;gap:10px}.tlBtn{background:#0b1220;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}.tlBtn:disabled{cursor:not-allowed;opacity:.5}.tlBtn.ghost{background:#0000;border:1px solid #0000001f;color:#0b1220}.tlBtn.danger{background:#b42318}.tlRoomList{display:flex;flex-direction:column;gap:10px}.tlRoomCard{align-items:center;background:#fff;border:1px solid #00000014;border-radius:16px;display:flex;justify-content:space-between;padding:14px}.tlRoomName{font-size:16px;font-weight:700}.tlEmpty{border:1px dashed #0003;border-radius:16px;justify-content:space-between;margin-top:18px;padding:18px}.tlEmpty,.tlModalBackdrop{align-items:center;display:flex}.tlModalBackdrop{background:#00000073;inset:0;justify-content:center;position:fixed;z-index:1000}.tlModal{background:#fff;border-radius:18px;overflow:hidden;width:min(720px,92vw)}.tlModalHead{align-items:flex-start;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:14px 16px}.tlModalTitle{font-size:18px;font-weight:800}.tlForm{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.tlLabel{font-size:13px;font-weight:700}.tlInput{border:1px solid #0000001f;border-radius:12px;padding:10px 12px}.tlMembers{border:1px solid #00000014;border-radius:14px;flex-direction:column;gap:6px;max-height:280px;overflow:auto}.tlMemberRow,.tlMembers{display:flex;padding:8px}.tlMemberRow{align-items:center;border-radius:12px;cursor:pointer;gap:10px}.tlMemberRow:hover{background:#0000000a}.tlMemberRow.on{background:#0b122014}.tlAvatar{align-items:center;background:#00000014;border-radius:50%;display:flex;height:34px;justify-content:center;overflow:hidden;width:34px}.tlAvatar img{height:100%;object-fit:cover;width:100%}.tlMemberName{flex:1 1;font-weight:700}.tlCheck{font-weight:900;text-align:center;width:24px}.tlModalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.tlRoomPage{padding:18px}.tlRoomTop{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.tlRoomHead{flex:1 1}.tlRoomTitle{font-size:18px;font-weight:900}.tlRoomMeta{font-size:13px;opacity:.75}.tlRoomActions{display:flex;gap:10px}.tlGrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.2fr .8fr}@media (max-width:980px){.tlGrid{grid-template-columns:1fr}}.tlCol{display:flex;flex-direction:column;gap:14px}.tlCard{background:#fff;border:1px solid #00000014;border-radius:18px;padding:14px}.tlCardTitle{font-weight:900;margin-bottom:8px}.tlRow{align-items:center;display:flex;gap:10px}.tlBetween{justify-content:space-between}.tlTextarea{border:1px solid #0000001f;border-radius:12px;min-height:92px;padding:10px 12px;resize:vertical;width:100%}.tlQuestionBox{background:#00000008;border:1px solid #0000000f;border-radius:14px;margin-top:12px;padding:12px}.tlQTitle{font-weight:900;margin-bottom:4px}.tlQText{font-size:15px}.tlTimerPill{background:#0b122014;border-radius:999px;font-weight:900;padding:6px 10px}.tlReveal{background:#0080000f;border:1px solid #00800026;border-radius:14px;margin-top:12px;padding:12px}.tlRevealTitle{font-weight:900}.tlRevealAns{font-size:24px;font-weight:1000;margin-top:6px}.tlLb{display:flex;flex-direction:column;gap:8px;margin-top:10px}.tlLbRow{grid-gap:8px;align-items:center;background:#00000008;border:1px solid #0000000f;border-radius:14px;display:grid;gap:8px;grid-template-columns:52px 1fr 70px 70px 50px;padding:10px}.tlLbName,.tlLbRank{font-weight:900}.tlLbName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlLbStat{font-weight:800;opacity:.85;text-align:right}.tlLbPts{font-weight:1000;text-align:right}.tlPList{display:flex;flex-direction:column;gap:8px;margin-top:10px}.tlPRow{align-items:center;background:#00000008;border:1px solid #0000000f;border-radius:14px;display:flex;gap:10px;padding:8px}.tlPName{font-weight:800}.tlRevealTop{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.tlMyResult{background:#00000008;border:1px solid #00000014;border-radius:14px;min-width:220px;padding:10px 12px;text-align:right}.tlMyResultTitle{font-size:12px;font-weight:900;opacity:.75}.tlMyResultValue{font-size:14px;font-weight:1000;margin-top:4px}.tlMyResult.correct{background:#00800014;border-color:#0080002e}.tlMyResult.wrong{background:#dc000012;border-color:#dc000029}.tlMyResult.neutral{background:#00000008;border-color:#00000014}.tlResults{border-top:1px solid #00000014;margin-top:12px;padding-top:10px}.tlResultsTitle{font-weight:1000}.tlResultsList{display:flex;flex-direction:column;gap:8px;margin-top:10px}.tlResultRow{grid-gap:10px;align-items:center;background:#00000008;border:1px solid #0000000f;border-radius:14px;display:grid;gap:10px;grid-template-columns:1fr 100px 120px;padding:10px 12px}.tlResultRow.me{background:#0000000d;border-color:#0000002e}.tlResultName{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlResultPick{font-weight:900;text-align:right}.tlResultBadge{background:#00000008;border:1px solid #0000001a;border-radius:999px;font-size:12px;font-weight:1000;justify-self:end;padding:6px 10px}.tlResultBadge.ok{background:#0080001a;border-color:#0080002e}.tlResultBadge.bad{background:#dc000014;border-color:#dc000029}.tlResultBadge.na{opacity:.7}:root{--gtm-radius:16px;--gtm-radius-sm:12px;--gtm-shadow:0 10px 30px #0000001a}.gtmPage{background:#f6f7fb;background:var(--gtm-bg);color:#0b1220;color:var(--gtm-text);min-height:calc(100vh - 70px);padding:18px}.gtmPage>*{margin-left:auto;margin-right:auto;max-width:1180px}.gtmTop{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.gtmH2{font-size:22px;font-weight:900;letter-spacing:-.2px;margin:0}.gtmActions{align-items:center;display:flex;gap:10px}.gtmBtn:hover{box-shadow:0 8px 18px #0b122038}.gtmBtn.ghost:hover{background:#0f172a17}.gtmError{background:#ff000014;border:1px solid #ff00002e;border-radius:12px;color:#820000eb;font-weight:700;padding:10px 12px}.gtmEmpty{align-items:center;background:#ffffffb3;border:1px dashed #0f172a33;border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:18px}.gtmRoomList{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.gtmRoomCard{align-items:center;background:#fff;background:var(--gtm-card);border:1px solid #0f172a1f;border:1px solid var(--gtm-border);border-radius:16px;box-shadow:0 8px 20px #0000000f;box-shadow:var(--gtm-shadow-soft);display:flex;gap:12px;justify-content:space-between;padding:14px}.gtmRoomName{font-size:15px;font-weight:900}.gtmModalBackdrop{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0206178c;display:flex;inset:0;justify-content:center;overflow:auto;padding:28px 16px;position:fixed;z-index:999999}.gtmModal{background:#fff;background:var(--gtm-card);border:1px solid #ffffff4d;border-radius:18px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--gtm-shadow);overflow:hidden;padding:14px;width:min(760px,100%)}.gtmModalHead{align-items:flex-start;border-bottom:1px solid #0f172a1a;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.gtmModalTitle{font-size:15px;font-weight:1000;letter-spacing:-.1px}.gtmLabel{color:#0b1220eb;display:block;font-size:13px;font-weight:900;margin:12px 0 6px}.gtmInput{background:#fff;border:1px solid #0f172a29;border-radius:12px;font-weight:700;max-width:100%;outline:none;padding:10px 12px;width:100%}.gtmInput:focus{border-color:#0284c766;box-shadow:0 0 0 3px #0284c71f}.gtmMembers{background:#0f172a05;border:1px solid #0f172a1f;max-height:320px;overflow:auto}.gtmMemberRow,.gtmMembers{border-radius:14px;padding:10px}.gtmMemberRow{align-items:center;background:#ffffffbf;border:1px solid #0000;display:flex;gap:10px;margin-bottom:10px}.gtmMemberRow:last-child{margin-bottom:0}.gtmMemberRow:hover{background:#0284c70d;border-color:#0284c724}.gtmMemberRow.on{background:#0284c714;border:1px solid #0284c738}.gtmMemberName{flex:1 1;font-weight:900}.gtmCheck{align-items:center;background:#0f172a0a;border:1px solid #0f172a29;border-radius:8px;display:flex;font-weight:1000;height:28px;justify-content:center;width:28px}@media (max-width:980px){.gtmRoomList{grid-template-columns:1fr}}@media (max-width:520px){.gtmTop{align-items:stretch;flex-direction:column}.gtmActions{flex-wrap:wrap;justify-content:flex-start}}:root{--gtm-bg:#f6f7fb;--gtm-card:#fff;--gtm-text:#0b1220;--gtm-muted:#0b1220b8;--gtm-border:#0f172a1f;--gtm-primary:#0b1220;--gtm-primary-hover:#111a2e;--gtm-ghost-bg:#0f172a0f;--gtm-ghost-border:#0f172a24;--gtm-danger:#b91c1c;--gtm-shadow-soft:0 8px 20px #0000000f}.gtmRoomPage{background:#f6f7fb;background:var(--gtm-bg);color:#0b1220;color:var(--gtm-text);min-height:calc(100vh - 70px);padding:18px}.gtmRoomPage>*{margin-left:auto;margin-right:auto;max-width:1180px}.gtmRoomTop{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.gtmRoomTitle{font-size:18px;font-weight:1000;letter-spacing:-.2px;margin:0}.gtmMuted{color:#0b1220b8;color:var(--gtm-muted);font-size:13px;line-height:1.35;opacity:1}.gtmRoomActions{align-items:center;display:flex;gap:10px}.gtmBtn{background:#0b1220;background:var(--gtm-primary);border:0;border-radius:12px;box-shadow:0 6px 16px #0b12202e;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px;transition:background .15s ease,transform .08s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.gtmBtn:hover{background:#111a2e;background:var(--gtm-primary-hover)}.gtmBtn:active{transform:translateY(1px)}.gtmBtn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.gtmBtn.ghost{background:#0f172a0f;background:var(--gtm-ghost-bg);border:1px solid #0f172a24;border:1px solid var(--gtm-ghost-border);box-shadow:none;color:#0b1220;color:var(--gtm-text)}.gtmBtn.danger{background:#b91c1c;background:var(--gtm-danger)}.gtmGrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.35fr .9fr}.gtmCol{display:flex;flex-direction:column;gap:14px}.gtmCard{background:#fff;background:var(--gtm-card);border:1px solid #0f172a1f;border:1px solid var(--gtm-border);border-radius:16px;box-shadow:0 8px 20px #0000000f;box-shadow:var(--gtm-shadow-soft);padding:14px}.gtmCardTitle{font-size:14px;font-weight:1000}.gtmRow{align-items:center;display:flex;gap:10px}.gtmBetween{justify-content:space-between}.gtmImgBox{align-items:center;background:#0f172a0a;border:1px solid #0f172a1f;border:1px solid var(--gtm-border);border-radius:16px;display:flex;justify-content:center;margin-top:12px;overflow:hidden;padding:10px}.gtmImg{background:#00000008;border-radius:12px;display:block;height:auto;max-height:420px;object-fit:contain;width:100%}.gtmTimerPill{background:#0f172a0f;border:1px solid #0f172a1f;border-radius:999px;font-weight:1000;padding:6px 10px}.gtmOptionGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.gtmRevealBox{background:#0284c70f;border:1px solid #0284c72e;border-radius:16px;margin-top:12px;padding:12px}.gtmRevealAns{font-size:18px;font-weight:1000;margin-top:4px}.gtmPList{flex-direction:column;margin-top:10px}.gtmPList,.gtmPRow{display:flex;gap:10px}.gtmPRow{align-items:center;background:#0f172a08;border:1px solid #0f172a14;border-radius:14px;padding:10px}.gtmAvatar{align-items:center;background:#0f172a14;border-radius:999px;display:flex;flex:0 0 auto;font-weight:900;height:36px;justify-content:center;overflow:hidden;width:36px}.gtmAvatar img{height:100%;object-fit:cover;width:100%}.gtmPName{font-weight:900}.gtmLb{display:flex;flex-direction:column;gap:8px;margin-top:10px}.gtmLbRow{align-items:center;background:#0f172a0a;border:1px solid #0f172a14;border-radius:14px;display:flex;gap:10px;padding:10px}.gtmLbRank{font-weight:1000;width:44px}.gtmLbName{flex:1 1;font-weight:1000;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtmLbStat{font-weight:900;text-align:right;width:78px}.gtmLbPts{font-weight:1000;text-align:right;width:48px}@media (max-width:980px){.gtmGrid{grid-template-columns:1fr}.gtmImg{max-height:320px}}@media (max-width:520px){.gtmRoomTop{align-items:stretch;flex-direction:column}.gtmRoomActions{flex-wrap:wrap;justify-content:flex-start}.gtmOptionGrid{grid-template-columns:1fr}.gtmImg{max-height:260px}}.gtmAnswerBox{background:#0f172a08;border:1px solid #0f172a1f;border-radius:16px;padding:12px}.gtmAnswerBox.ok{background:#10b98114;border-color:#10b98159}.gtmAnswerBox.bad{background:#ef444412;border-color:#ef444459}.gtmAnswerBox.na{background:#94a3b81a;border-color:#94a3b859}.gtmAnswerTop{align-items:center;display:flex;gap:10px;justify-content:space-between}.gtmAnswerText{font-size:16px;font-weight:1000;letter-spacing:-.2px;margin-top:6px}.gtmPill{background:#0f172a0f;border:1px solid #0f172a24;border-radius:999px;font-size:12px;font-weight:900;padding:6px 10px}.gtmPill.ok{background:#10b98124;border-color:#10b98173}.gtmPill.bad{background:#ef444424;border-color:#ef444473}.gtmPill.neutral{background:#94a3b82e;border-color:#94a3b88c}.dashboard-container{background:#f8fafc;display:flex;min-height:100vh}.dashboard-main{flex:1 1;margin-left:70px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-content{margin:0 auto;max-width:1200px;padding:32px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.dashboard-header p{color:#64748b;font-size:16px;margin:0}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:24px;transition:all .2s ease}.dashboard-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.card-header svg{color:#64748b}.card-content{display:flex;gap:24px}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{color:#3b82f6;font-size:28px;font-weight:700}.stat-label{color:#64748b;font-size:14px}.activity-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.activity-item:last-child{margin-bottom:0}.activity-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.activity-text p{color:#1e293b;font-size:14px;margin:0}.activity-text small{color:#64748b;font-size:12px}.dashboard-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@media (max-width:768px){.dashboard-main{margin-left:0}.dashboard-content{padding:16px}.dashboard-header h1{font-size:24px}.card-content{flex-direction:column;gap:16px}}:root[data-theme=dark] .dashboard-container,:root[data-theme=dark] .dashboard-content,:root[data-theme=dark] .dashboard-main{background:radial-gradient(circle at 0 0,#020617 0,#020617 45%,#020617 100%)}:root[data-theme=dark] .dashboard-content{border-radius:0}:root[data-theme=dark] .dashboard-header h1{color:#e5e7eb}:root[data-theme=dark] .dashboard-header p{color:#9ca3af}:root[data-theme=dark] .dashboard-card{background:#020617;border-color:#1f2937;box-shadow:0 20px 60px #000000e6}:root[data-theme=dark] .dashboard-card:hover{box-shadow:0 26px 70px #000}:root[data-theme=dark] .card-header h3{color:#e5e7eb}:root[data-theme=dark] .card-header svg{color:#9ca3af}:root[data-theme=dark] .stat-number{color:#60a5fa}:root[data-theme=dark] .stat-label{color:#9ca3af}:root[data-theme=dark] .activity-dot{background:#3b82f6}:root[data-theme=dark] .activity-text p{color:#e5e7eb}:root[data-theme=dark] .activity-text small,:root[data-theme=dark] .dashboard-loading{color:#9ca3af}:root[data-theme=dark] .loading-spinner{border-color:#3b82f6 #1f2937 #1f2937}.onb-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:999999}.onb-overlay.is-dark{background:#0000008c}.onb-overlay.is-light{background:#0f172a2e}.onb-card{border-radius:14px;box-shadow:0 18px 60px #00000059;overflow:hidden;padding:18px 18px 16px;transform:translateZ(0);width:min(560px,92vw)}.onb-overlay.is-dark .onb-card{background:radial-gradient(120% 120% at 10% 10%,#7c3aed2e,#0000 55%),linear-gradient(180deg,#0b0b12,#07070d);border:1px solid #ffffff14;color:#fff}.onb-overlay.is-light .onb-card{background:radial-gradient(120% 120% at 10% 10%,#7c3aed1a,#0000 55%),linear-gradient(180deg,#fff,#fbfbff);border:1px solid #0f172a1f;color:#0f172a}.onb-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.onb-title{font-size:15px;font-weight:700;letter-spacing:.2px}.onb-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:16px;height:34px;justify-content:center;width:34px}.onb-overlay.is-dark .onb-close{color:#ffffffbf}.onb-overlay.is-dark .onb-close:hover{background:#ffffff0f;border-color:#ffffff1a}.onb-overlay.is-light .onb-close{color:#0f172aa6}.onb-overlay.is-light .onb-close:hover{background:#0f172a0d;border-color:#0f172a1a}.onb-body{margin-bottom:16px;margin-top:4px}.onb-text{font-size:16px;line-height:1.45;margin:2px 0}.onb-overlay.is-dark .onb-text{color:#ffffffdb}.onb-overlay.is-light .onb-text{color:#0f172ac7}.onb-strong{font-weight:700}.onb-actions{display:flex;gap:10px;justify-content:flex-end}.onb-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:10px 14px;transition:transform .05s ease,filter .15s ease,background .15s ease}.onb-btn:active{transform:scale(.99)}.onb-btn-ghost{background:#0000}.onb-overlay.is-dark .onb-btn-ghost{background:#ffffff0d;border-color:#ffffff1f;color:#ffffffe0}.onb-overlay.is-dark .onb-btn-ghost:hover{filter:brightness(1.08)}.onb-overlay.is-light .onb-btn-ghost{background:#0f172a0a;border-color:#0f172a24;color:#0f172ad1}.onb-overlay.is-light .onb-btn-ghost:hover{filter:brightness(.98)}.onb-btn-primary{background:#7c3aed;border-color:#7c3aed;color:#fff}.onb-btn-primary:hover{filter:brightness(1.05)}.family-selection-page{align-items:center;background:linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png),linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-position:right 6% center,0 0;background-repeat:no-repeat,no-repeat;background-size:55% auto,auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;overflow:hidden}.family-selection-container,.family-selection-page{display:flex;justify-content:center;position:relative;width:100%}.family-selection-container{box-sizing:border-box;max-width:1200px;padding:2rem;z-index:2}.family-selection-inner{max-width:580px;position:relative;width:100%}.step-content{display:flex;flex-direction:column;gap:1.5rem}.family-selection-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px 45px}.welcome-section{margin-bottom:32px;text-align:center}.welcome-title{color:#1a1a1a;font-size:36px;font-weight:700;line-height:1.2;margin:0 0 8px;text-align:start}.welcome-subtitle{color:#6b7280;font-size:15px;font-weight:400;margin:0}.family-options-container{display:flex;flex-direction:column;gap:20px;margin-top:0}.family-option-card{align-items:center;background:#0000;border:1px solid #df45d7;border-radius:16px;cursor:pointer;display:flex;gap:20px;min-height:110px;overflow:hidden;padding:24px 28px;position:relative;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.family-option-card:active{transform:translateY(1px)}.family-option-card:hover:not(:disabled){box-shadow:0 12px 35px #7c3aed1f;transform:translateY(-4px)}.option-icon-container{align-items:center;background:#0000;border-radius:12px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.option-icon-img{display:block;max-height:100%;max-width:100%}.option-details{flex:1 1}.option-title{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 6px}.option-description{color:#6b7280;font-size:14px;font-weight:400;line-height:1.5;margin:0}.option-arrow{color:#9ca3af;font-size:24px;font-weight:400;margin-left:12px;transition:transform .2s ease}.create-option{border:2px solid #7e56da;box-shadow:0 2px 8px #0000000a}.create-option:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 8px 25px #00000014}.join-option{background-color:#7e56da;border:none;box-shadow:0 8px 25px #7c3aed40;color:#fff}.join-option:hover:not(:disabled){box-shadow:0 12px 35px #7c3aed59}.join-option .option-description,.join-option .option-title{color:#fff}.join-option .option-arrow{color:#ffffffe6}.join-option .option-icon-container{background:#0000}.bottom-section{border-top:none;margin-top:24px;padding-top:0;text-align:center}.help-text{color:#6b7280;font-size:14px;margin:0}.skip-link{background:#0000;border:none;color:#7c3aed;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none}.skip-link:hover{text-decoration:underline}.step-wrapper{padding:40px}@media (max-width:980px){.family-selection-inner{max-width:90%}.family-selection-container{padding:2rem}.welcome-title{font-size:30px}.immortality-brand{font-size:1.3rem;left:30px;top:30px}}@media (max-width:640px){.family-selection-inner{max-width:100%;padding:0 16px}.family-selection-content{padding:32px 24px}.option-icon-container{height:60px;width:60px}.option-arrow{display:none}.option-title{font-size:18px}.welcome-title{font-size:28px}.family-option-card{gap:16px;min-height:90px;padding:20px}.immortality-brand{font-size:1.1rem;left:20px;top:20px}.family-selection-page:before{height:500px;right:-250px;width:500px}}.custom-swal-popup{border-radius:16px;padding:20px}.swal2-confirm{border-radius:8px;font-weight:600;padding:10px 30px}.family-step-wrapper{box-sizing:border-box;min-height:100vh;padding:20px;width:100%}.app-header{margin-bottom:40px}.family-step-container{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:1fr 600px;margin:0 auto;max-width:1400px;width:100%}.family-left{width:100%}.family-left-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;max-width:720px;padding:50px 45px}.create-title{font-weight:500;margin:0 0 12px}.create-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 40px}.family-form .form-group{margin-bottom:30px}.family-input-container{position:relative}.family-input{border-radius:14px;font-family:inherit;font-size:16px;max-width:100%;padding:16px 20px}.family-input.checking{border-color:#9ca3af}.family-input.available{border-color:#10b981}.family-input.unavailable{border-color:#ef4444}.input-status{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.status-checking{color:#6b7280}.spinner-small{animation:spin .8s linear infinite;border:2px solid #7c3aed33;border-radius:50%;border-top-color:#7c3aed;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.status-available{color:#059669}.status-unavailable{color:#dc2626}.back-btn-top,.input-hint{font-size:14px}.back-btn-top{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:0 0 18px;padding:6px 8px;transition:background .12s ease}.back-btn-top:disabled{cursor:not-allowed;opacity:.6}.back-btn-top:hover:not(:disabled){background:#1118270a}.title-row{align-items:center;gap:14px;justify-content:space-between}.back-btn-inline{display:flex}.back-btn-inline:hover:not(:disabled){background:#1118270d}.create-title{color:#111827;font-size:42px;font-weight:700;line-height:1.1;margin:0}.family-form-actions{box-sizing:border-box;display:block;margin-top:20px;width:100%}.back-btn{background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-block;font-weight:600;margin:0 0 12px;padding:6px 8px}.create-family-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:14px;box-sizing:border-box;font-size:16px;max-width:100%;padding:16px 24px;transition:all .2s ease}.create-family-btn:hover:not(:disabled){box-shadow:0 10px 30px #7c3aed4d;transform:translateY(-1px)}.family-right{border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:30px 25px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.step-description{color:#6b7280;font-size:14px;line-height:1.6}.right-list{display:flex;flex-direction:column;gap:16px}.right-family-card{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:14px;box-shadow:0 4px 20px #0f172a0a;display:flex;gap:16px;padding:18px 20px;transition:all .2s ease}.right-family-card:hover{box-shadow:0 8px 30px #0f172a14;transform:translateY(-1px)}.right-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.right-avatar img{display:block;height:100%;object-fit:cover;width:100%}.right-info{flex:1 1}.right-name{color:#111827;font-size:15px;font-weight:600;line-height:1.4}@media (max-width:1024px){.family-step-container{gap:40px;grid-template-columns:1fr}.family-right{order:-1;position:relative;top:0}.create-title{font-size:36px}.create-family-btn{max-width:100%}}@media (max-width:768px){.family-step-wrapper{padding:15px}.family-left-inner{padding:30px 25px}.create-title{font-size:28px}.app-logo{font-size:24px}}.legacy-step-wrapper{background:linear-gradient(180deg,#7c3aed08,#fff0);box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:28px 24px;width:100%}.legacy-step-container{grid-gap:48px;align-items:center;box-sizing:border-box;display:grid;gap:48px;grid-template-columns:1fr 520px;margin:0 auto;max-width:1400px;padding-top:18px}.legacy-left .left-inner{border-radius:12px;box-sizing:border-box;max-width:720px;padding:36px 28px}.title-row{align-items:flex-start;display:flex;gap:16px;margin-bottom:12px}.back-btn-inline{background:#0000;color:#111827;font-size:15px;font-weight:700;margin-top:6px;padding:6px 8px;transition:color .12s ease,background .12s ease}.back-btn-inline:hover:not(:disabled){background:#7c3aed0a;color:#7c3aed}.legacy-title{color:#0b1220;font-size:40px;font-weight:700;line-height:1.05;margin:0}.legacy-subtitle{color:#6b7280;font-size:15px;margin:10px 0 22px}.local-error{border:1px solid #ef44441f;border-radius:10px;margin-bottom:14px;padding:10px 12px}.form-group{margin-bottom:18px}.form-label{font-size:14px;margin-bottom:8px}.select-wrap{position:relative;width:100%}.family-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:10px;box-sizing:border-box;font-size:15px;padding:14px 44px 14px 16px;width:100%}.select-chevron{color:#111827;font-size:14px;opacity:.85;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.input-hint{color:#9ca3af;display:block;margin-top:10px}.family-form-actions{margin-top:28px}.create-family-btn{background:linear-gradient(90deg,#7c3aed,#a855f7);border:none;border-radius:10px;box-shadow:0 8px 24px #7c3aed1f;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;width:100%}.create-family-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.legacy-right{background:#0000;padding:6px 2px}.step-indicator{margin-bottom:18px;padding:10px 6px 22px}.progress-bar{gap:10px}.progress-seg{background:#7c3aed1f;border-radius:10px;flex:1 1;height:10px;overflow:hidden;position:relative}.progress-seg.filled{background:linear-gradient(90deg,#7c3aed,#a855f7)}.right-heading{color:#0b1220;font-size:16px;font-weight:700;margin:6px 0 8px}.right-desc{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:18px}.right-cards{display:flex;flex-direction:column;gap:14px}.info-card{background:#fff;border:1px solid #e5e7ebe6;border-radius:12px;box-shadow:0 8px 24px #0f172a0a;gap:14px;padding:14px}.icon-circle,.info-card{align-items:center;display:flex}.icon-circle{background:linear-gradient(90deg,#7c3aed0f,#a855f70a);border-radius:12px;flex-shrink:0;font-size:20px;height:52px;justify-content:center;width:52px}.card-body{flex:1 1}.card-title{color:#111827;font-size:15px;font-weight:700;margin-bottom:10px}.progress-track{background:#7c3aed14;border-radius:10px;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:10px 0 0 10px;height:100%;width:60%}@media (max-width:1024px){.legacy-step-container{gap:28px;grid-template-columns:1fr}.legacy-right{order:-1;position:relative;top:0}.left-inner{padding:28px}.legacy-title{font-size:32px}}:root{--card-width-desktop:300px;--card-height:200px;--card-padding:44px 20px;--card-radius:14px;--card-gap:40px}.document-step-wrapper{background:linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png),linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-position:right 5% center,0 0;background-repeat:no-repeat,no-repeat;background-size:55% auto,auto;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.app-logo{background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3)}.document-back{display:flex}.document-step-container{grid-gap:100px;align-items:center;box-sizing:border-box;display:grid;gap:100px;grid-template-columns:0fr 600px;margin:60px auto 0;max-width:1400px;padding:0 20px;width:100%}.document-left{width:100%}.document-left-inner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;box-sizing:border-box;padding:50px 45px}.document-title{color:#0f172a;font-size:42px;font-weight:800;line-height:1.05;margin:0 0 12px}.back-btn-inline{align-items:center;background:none;border:none;border-radius:8px;color:#7c3aed;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:6px;margin-right:12px;padding:6px 10px;position:relative;top:-4px;transition:all .2s ease}.back-btn-inline:hover{background:#7c3aed14;color:#5b21b6}.back-btn-inline:disabled{cursor:not-allowed;opacity:.6}.document-header-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.document-header-row .document-title{color:#0f172a;font-size:42px;font-weight:800;line-height:1.1;margin:0}.document-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 36px}.local-error{background:#ef444414;border:1px solid #ef444429;color:#b91c1c}.document-form .form-group{margin-bottom:30px}.form-label{color:#111827;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.upload-row{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:40px;gap:var(--card-gap);justify-content:start;margin-bottom:40px;width:100%}.upload-row .form-group{box-sizing:border-box;max-width:100%;width:300px;width:var(--card-width-desktop)}.file-upload-area{background:#fff;display:block;height:200px;height:var(--card-height);overflow:hidden;padding:0;position:relative;transition:all .18s ease}.file-upload-area,.upload-zone{border-radius:14px;border-radius:var(--card-radius);box-sizing:border-box;min-height:200px;min-height:var(--card-height);width:100%}.upload-zone{align-items:center;background:#0000;border:2px dashed #d1d5db;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:44px 20px;padding:var(--card-padding);transition:background .18s ease,transform .12s ease}.upload-zone:hover{background:#7c3aed08;border-color:#7c3aed}.upload-icon{align-items:center;background:#7c3aed14;border-radius:12px;box-shadow:0 6px 18px #7c3aed0f;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.upload-text{color:#374151;font-size:16px;font-weight:500;margin-bottom:8px}.upload-hint{color:#9ca3af;font-size:14px}.uploaded-file{background:linear-gradient(180deg,#fffffffa,#fafafcfa);border:2px dashed #d1d5db;border-radius:14px;border-radius:var(--card-radius);box-shadow:0 10px 30px #0f172a0a;box-sizing:border-box;flex-direction:column;gap:12px;height:100%;min-height:200px;min-height:var(--card-height);overflow:hidden;padding:44px 20px;padding:var(--card-padding);position:relative;width:100%}.uploaded-file,.uploaded-file .file-preview{align-items:center;display:flex;justify-content:center}.uploaded-file .file-preview{background:#7c3aed14;border-radius:14px;box-shadow:0 8px 20px #7c3aed0a;flex-shrink:0;height:72px;width:72px}.file-info{align-items:center;display:flex;gap:12px;overflow:hidden}.file-icon{color:#7c3aed;font-size:26px}.file-name{color:#111827;font-size:15px;font-weight:600;max-width:calc(100% - 60px);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.uploaded-file .file-sub{color:#9ca3af;font-size:13px;text-align:center}.remove-file-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 6px 18px #ef44441f;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;height:34px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .12s ease,background .12s ease;width:34px;z-index:2}.remove-file-btn:hover{background:#dc2626;transform:translateY(-2px)}.document-form-actions{box-sizing:border-box;justify-content:center;margin-top:28px;width:100%}.next-step-btn{max-width:calc(100% - 40px);padding:14px 28px;transition:all .22s ease;width:420px}.next-step-btn:hover:not(:disabled){box-shadow:0 14px 36px #7c3aed38;transform:translateY(-2px)}.document-right{border-radius:20px;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;padding:30px 25px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.progress-segment{background:#7c3aed1f}.legacy-section{margin-top:16px}.document-title{color:#111827;font-size:40px;font-weight:600;line-height:1.4;margin-bottom:12px}.legacy-description{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:12px}.process-list{display:flex;flex-direction:column;gap:16px}.process-item{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 2px 10px #0f172a0a;display:flex;gap:16px;padding:16px 18px;transition:all .18s ease}.process-item:hover{box-shadow:0 8px 22px #0f172a14;transform:translateY(-4px)}.process-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.process-icon.purple{background:#7c3aed1a;color:#7c3aed}.process-icon.red{background:#ef444414;color:#ef4444}.process-icon.gray{background:#6b728014;color:#6b7280}.process-info{flex:1 1}.process-title{color:#111827;font-size:15px;font-weight:600;line-height:1.4}@media (max-width:1024px){.document-step-container{gap:40px;grid-template-columns:1fr;margin-top:60px}.document-right{order:-1;position:relative;top:0}.document-title{font-size:36px}.upload-row{align-items:center;flex-direction:column;gap:28px;margin-bottom:32px}.upload-row .form-group{max-width:720px;min-width:0;width:100%}.upload-zone{min-height:160px;padding:42px 22px}.next-step-btn{max-width:92%;width:360px}}@media (max-width:768px){.document-step-wrapper{padding:16px}.app-header{right:15px;top:15px}.document-left-inner{padding:28px 18px}.document-title{font-size:28px}.app-logo{font-size:24px}.upload-row{gap:20px}.upload-row .form-group{max-width:100%;width:100%}.upload-zone{min-height:140px;padding:28px 16px}.upload-icon{height:56px;width:56px}.upload-text{font-size:15px}.upload-hint{font-size:13px}.next-step-btn{border-radius:12px;max-width:520px;padding:14px 20px;width:100%}}@media (max-width:480px){.document-left-inner{padding:18px 12px}.document-title{font-size:24px}.upload-zone{min-height:120px;padding:18px 12px}.upload-icon{height:48px;width:48px}.upload-text{font-size:14px}.upload-hint{font-size:12px}.next-step-btn{border-radius:10px;font-size:15px;padding:12px 14px;width:100%}.document-step-container{gap:18px;margin:20px auto 0}}@media (min-width:1400px){.document-step-container{gap:120px;max-width:1600px}}.transfer-step-wrapper{box-sizing:border-box;min-height:100vh;padding:20px;position:relative}.app-header{right:20px}.transfer-step-container{grid-gap:100px;align-items:center;box-sizing:border-box;display:grid;gap:100px;grid-template-columns:1fr 420px;margin:60px auto 0;max-width:1400px;width:100%}.transfer-left{width:100%}.transfer-left-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px 45px}.back-btn-left{background:none;border:none;color:#7c3aed;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:all .2s ease;white-space:nowrap}.back-btn-left:hover{color:#5b21b6;text-decoration:underline}.back-btn-left:active{opacity:.7}.transfer-title{color:#111827;font-size:42px;font-weight:800;line-height:1.1;margin:0}.transfer-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 40px}.transfer-categories{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.transfer-category-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;padding:24px;position:relative;transition:all .2s ease}.transfer-category-card:hover{border-color:#7c3aed;box-shadow:0 4px 20px #7c3aed1a}.transfer-category-card.selected{background:#10b98105;border-color:#10b981;box-shadow:0 4px 20px #10b9811a}.category-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.category-title{color:#111827;font-size:18px;font-weight:600;margin:0}.category-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.category-items{display:flex;flex-wrap:wrap;gap:8px}.category-item-tag{background:#7c3aed1a;border-radius:20px;color:#7c3aed;font-size:12px;font-weight:500;padding:4px 10px}.transfer-category-card.selected .category-item-tag{background:#10b9811a;color:#059669}.transfer-form-actions{display:flex;justify-content:center;margin-top:40px}.next-step-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;padding:16px 24px;transition:all .2s ease;width:100%}.next-step-btn:hover:not(:disabled){box-shadow:0 10px 30px #7c3aed4d;transform:translateY(-1px)}.next-step-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.transfer-right{border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:30px 25px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.step-indicator{margin-bottom:25px;padding:0 0 30px}.step-title{font-size:16px;margin-bottom:16px}.progress-bar{gap:8px;margin-bottom:20px}.progress-segment{border-radius:6px;height:6px}.progress-segment.active{height:6px}.transfer-section{margin-top:16px}.transfer-section-title{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:12px}.transfer-section-description{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:12px}.category-list{display:flex;flex-direction:column;gap:16px}.category-item{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 2px 10px #0f172a0a;display:flex;gap:16px;padding:16px 18px;transition:all .2s ease}.category-item:hover{box-shadow:0 4px 20px #0f172a14;transform:translateY(-1px)}.category-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.category-icon.purple{background:#7c3aed1a;color:#7c3aed}.category-icon.red{background:#ef44441a;color:#ef4444}.category-info{flex:1 1}.category-name{color:#111827;font-size:15px;font-weight:600;line-height:1.4}@media (max-width:1024px){.transfer-step-container{gap:40px;grid-template-columns:1fr;margin-top:80px}.transfer-right{order:-1;position:relative;top:0}.transfer-title{font-size:36px}.next-step-btn{max-width:100%}}@media (max-width:768px){.transfer-step-wrapper{padding:15px}.app-header{right:15px;top:15px}.transfer-left-inner{padding:30px 25px}.transfer-header{gap:12px}.back-btn-left{font-size:12px}.transfer-title{font-size:28px}.app-logo{font-size:24px}.transfer-category-card{padding:20px}.category-title{font-size:16px}}.title-backbtn{align-items:center;display:flex;gap:16px;justify-content:space-between}.theme-step-wrapper{box-sizing:border-box;min-height:100vh;padding:20px;position:relative}.app-header{left:20px;position:absolute;top:20px;z-index:10}.app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;letter-spacing:1px;margin:0}.theme-step-container{grid-gap:80px;align-items:start;box-sizing:border-box;display:grid;gap:80px;grid-template-columns:1fr 380px;margin:80px auto 0;max-width:1400px;width:100%}.theme-left{width:100%}.theme-left-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:0 20px}.theme-header{align-items:center;display:flex;gap:16px;margin-bottom:8px}.back-btn-theme{background:none;border:none;color:#7c3aed;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:all .2s ease;white-space:nowrap}.back-btn-theme:hover{color:#5b21b6;text-decoration:underline}.back-btn-theme:active{opacity:.7}.theme-title{color:#111827;font-size:36px;font-weight:800;line-height:1.1;margin:0}.theme-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 32px}.local-error{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#dc2626;font-size:14px;margin:0 0 20px;padding:12px 16px}.theme-section{margin-bottom:24px}.theme-section-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:12px}.theme-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.theme-card:hover{border-color:#7c3aed;box-shadow:0 4px 20px #7c3aed1a}.theme-card.selected{border-color:#10b981;box-shadow:0 4px 20px #10b9811a}.theme-preview{height:90px;padding:16px;position:relative}.light-preview{background:#f8fafc}.dark-preview{background:#1a1a1a}.preview-content{align-items:center;display:flex;gap:16px;height:100%}.sun-icon{font-size:32px;line-height:1}.purple-circle{background:#a855f7;border-radius:50%;height:24px;width:24px}.light-green-bar{background:#86efac;border-radius:8px;height:16px;width:120px}.moon-container{align-items:center;background:#fff;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.moon-icon{font-size:18px;line-height:1}.preview-bars{display:flex;flex-direction:column;gap:8px}.bar-row{align-items:center;display:flex;gap:8px}.purple-circle.small{background:#a855f7}.gray-circle.small,.purple-circle.small{border-radius:50%;height:12px;width:12px}.gray-circle.small{background:#6b7280}.green-bar{background:#22c55e;width:80px}.green-bar,.pink-bar{border-radius:4px;height:8px}.pink-bar{background:#ec4899;width:60px}.theme-card-footer{background:#f9fafb80;border-top:1px solid #e5e7eb80;padding:12px 16px}.theme-card.selected .theme-card-footer{background:#10b98105}.theme-card-text{color:#6b7280;font-size:13px;line-height:1.4}.selection-indicator{align-items:center;background:#10b981;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.check-mark{color:#fff;font-size:14px;font-weight:700}.almost-done-section{margin-bottom:32px}.almost-done-title{color:#111827;font-size:16px;font-weight:600;margin-bottom:16px}.completion-list{display:flex;flex-direction:column;gap:8px}.completion-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.completion-label{color:#6b7280;font-size:13px;font-weight:500}.completion-right{align-items:center;display:flex;gap:8px}.completion-value{color:#111827;font-size:13px;font-weight:500}.completion-check{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.theme-form-actions{display:flex;justify-content:center;margin-top:24px}.complete-setup-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;max-width:280px;padding:14px 20px;transition:all .2s ease;width:100%}.complete-setup-btn:hover:not(:disabled){box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-1px)}.complete-setup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.theme-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #7c3aed0f;border-radius:16px;box-shadow:0 10px 30px #0f172a0f;height:-webkit-fit-content;height:fit-content;padding:24px 20px;position:-webkit-sticky;position:sticky;top:20px;width:100%}.step-indicator{border-bottom:1px solid #e5e7eb80;margin-bottom:20px;padding:0 0 20px}.step-title{color:#111827;font-size:15px;font-weight:700;margin-bottom:12px}.progress-bar{align-items:center;display:flex;gap:6px;margin-bottom:16px}.progress-segment{background:#7c3aed26;border-radius:5px;display:block;flex:1 1;height:5px;transition:all .3s ease}.progress-segment.active{background:linear-gradient(135deg,#7c3aed,#a855f7)}.theme-info-section{margin-top:12px}.theme-info-title{color:#111827;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:10px}.theme-info-description{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:10px}.theme-options-list{display:flex;flex-direction:column;gap:12px}.theme-option-item{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:10px;box-shadow:0 2px 8px #0f172a0a;display:flex;gap:12px;padding:12px 14px;transition:all .2s ease}.theme-option-item:hover{box-shadow:0 4px 16px #0f172a14;transform:translateY(-1px)}.theme-option-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.theme-option-icon.light{background:#fbbf241a}.theme-option-icon.dark{background:#3741511a}.theme-option-icon.switch{background:#ef44441a;color:#ef4444}.dark-mode-icon,.switch-icon{font-size:14px}.theme-option-info{flex:1 1}.theme-option-name{color:#111827;font-size:14px;font-weight:600;line-height:1.4}@media (max-width:1024px){.theme-step-container{gap:30px;grid-template-columns:1fr;margin-top:60px}.theme-right{max-height:none;order:-1;position:relative;top:0}.theme-title{font-size:28px}}@media (max-width:768px){.theme-step-wrapper{padding:15px}.app-header{left:15px;top:15px}.app-logo{font-size:24px}.theme-step-container{gap:20px;margin-top:50px}.theme-left-inner{padding:0 15px}.theme-header{gap:12px}.back-btn-theme{font-size:12px}.theme-title{font-size:24px}.theme-subtitle{font-size:15px}.theme-right{padding:20px 15px}.theme-section{margin-bottom:20px}.theme-section-title{font-size:15px}.theme-preview{height:70px;padding:12px}.theme-card-footer{padding:10px 14px}.theme-card-text{font-size:12px}.almost-done-section{margin-bottom:25px}.almost-done-title{font-size:15px;margin-bottom:12px}.completion-label,.completion-value{font-size:12px}.theme-form-actions{margin-top:20px}.complete-setup-btn{font-size:14px;max-width:100%}.sun-icon{font-size:28px}.moon-container{height:28px;width:28px}.moon-icon{font-size:16px}.purple-circle{height:20px;width:20px}.light-green-bar{height:14px;width:100px}.green-bar{height:7px;width:60px}.pink-bar{height:7px;width:45px}}@media (max-width:480px){.theme-step-wrapper{padding:12px}.theme-step-container{gap:15px;margin-top:45px}.theme-header{gap:10px}.back-btn-theme{font-size:11px}.theme-title{font-size:22px}.theme-subtitle{font-size:14px;margin-bottom:25px}.theme-preview{height:60px;padding:10px}.preview-content{gap:12px}.sun-icon{font-size:24px}.moon-container{height:24px;width:24px}.moon-icon{font-size:14px}.purple-circle{height:18px;width:18px}.light-green-bar{height:12px;width:80px}}.join-family-page{align-items:center;background:linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-image:url(/static/media/background1.e67ac9837e3e9a2b15b0.png),linear-gradient(135deg,#f4fdff,#fdfdfd 50%,#e3e8e9);background-position:right 6% center,0 0;background-repeat:no-repeat,no-repeat;background-size:45% auto,auto;display:flex;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;width:100%}.join-family-page:before{background-image:radial-gradient(circle,#7c3aed26 2px,#0000 0);background-size:30px 30px;border-radius:50%;bottom:-150px;content:"";height:600px;pointer-events:none;position:absolute;right:-150px;width:600px;z-index:1}.immortality-brand{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;font-size:1.5rem;font-weight:900;left:40px;letter-spacing:2px;position:absolute;top:40px;z-index:10}.join-family-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:2}.join-family-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px 45px}.join-family-content{width:100%}.join-title{color:#1a1a1a;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 12px}.join-subtitle{color:#6b7280;font-size:15px;font-weight:400;line-height:1.5;margin:0 0 32px}.join-family-form{width:100%}.form-group{margin-bottom:24px}.form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.family-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-size:15px;font-weight:400;padding:14px 16px;transition:all .2s ease;width:100%}.family-input::placeholder{color:#9ca3af}.family-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.family-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.family-input.error{background:#fef2f2;border-color:#ef4444}.input-hint{color:#6b7280;font-size:13px;line-height:1.4;margin-top:8px}.error-message{background:#fef2f2;border-left:3px solid #ef4444;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.join-btn{background-color:#3600b4;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:16px 24px;transition:all .3s ease;width:100%}.join-btn:hover:not(:disabled){box-shadow:0 12px 35px #7c3aed59;transform:translateY(-2px)}.join-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.join-btn.loading{cursor:wait}.help-link-container{text-align:start}.help-link{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none}.help-link:hover{text-decoration:underline}.join-family-right{display:flex;flex-direction:column;gap:24px}.family-info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px 28px}.info-title{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 16px}.info-description{color:#4b5563;font-size:14px;font-weight:400;line-height:1.6;margin:0 0 12px}.info-description:last-child{margin-bottom:0}.family-list{display:flex;flex-direction:column;gap:16px}.family-item{align-items:center;background:#fffffff2;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:16px;padding:16px 20px;text-align:left;transition:all .2s ease}.family-item:hover{border-color:#d1d5db;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.family-avatar{background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.family-avatar img{height:100%;object-fit:cover;width:100%}.family-name{color:#1a1a1a;flex:1 1;font-size:16px;font-weight:600}.success-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:modalSlideIn .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:48px 40px;text-align:center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon{animation:successPulse .6s ease-out;font-size:64px;margin-bottom:20px}@keyframes successPulse{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-modal h3{color:#059669;font-size:24px;font-weight:700;margin:0 0 12px}.success-modal p{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 8px}.redirect-message{animation:pulse 2s infinite;color:#7c3aed!important;font-weight:600!important;margin-top:16px!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1024px){.join-family-container{gap:2rem;grid-template-columns:1fr;max-width:600px}.join-family-right{order:-1}}@media (max-width:768px){.join-family-page{padding:1rem}.immortality-brand{font-size:1.3rem;left:20px;top:20px}.join-family-left{padding:32px 24px}.join-title{font-size:28px}.family-info-box{padding:24px 20px}.info-title{font-size:18px}}@media (max-width:480px){.immortality-brand{font-size:1.1rem;left:16px;top:16px}.join-family-left{padding:24px 20px}.join-title{font-size:24px}.join-subtitle{font-size:14px}.family-item{padding:14px 16px}.family-avatar{height:40px;width:40px}.family-name{font-size:15px}.success-modal{margin:1rem;padding:32px 24px}}.switch-family-card{align-items:stretch;background:#fff5f5;border:1px solid #ef444440;border-radius:18px;box-shadow:0 10px 30px #ef44441f;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px;margin-top:8px;padding:22px 24px}.switch-family-text{display:flex;flex:1 1;flex-direction:column;justify-content:center}.switch-family-title{color:#dc2626;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 6px}.switch-family-subtitle{color:#ef4444;font-size:15px;line-height:1.5;margin:0}.switch-family-highlight{color:#b91c1c;font-weight:700}.switch-family-btn{align-self:center;background-color:#3600b4;border:none;border-radius:16px;box-shadow:0 12px 35px #4c1d9573;color:#fff;cursor:pointer;font-size:15px;font-weight:700;line-height:1.3;min-width:190px;padding:18px 20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;white-space:normal}.switch-family-btn:hover:not(:disabled){box-shadow:0 16px 40px #4c1d958c;transform:translateY(-2px)}.switch-family-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.switch-family-card{align-items:stretch;flex-direction:column}.switch-family-btn{width:100%}}.gmed-overlay{animation:gmedFade .18s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c7;display:grid;inset:0;place-items:center;position:fixed;z-index:99999}@keyframes gmedFade{0%{opacity:0}to{opacity:1}}.gmed-card{animation:gmedUp .28s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border:1px solid #0f172a1a;border-radius:22px;box-shadow:0 28px 90px #00000059;overflow:hidden;position:relative;transform:translateY(10px);width:min(520px,calc(100vw - 24px))}@keyframes gmedUp{to{transform:translateY(0)}}.gmed-footGlow{background:linear-gradient(90deg,#a855f7,#6366f1,#22c55e);height:10px;opacity:.75}.gmed-head{background:linear-gradient(135deg,#a855f7,#6366f1 55%,#4f46e5);color:#fff;justify-content:space-between;padding:18px;position:relative}.gmed-head,.gmed-headLeft{align-items:center;display:flex}.gmed-headLeft{gap:12px}.gmed-pill{background:#ffffff29;border:1px solid #ffffff38;border-radius:14px;box-shadow:0 10px 26px #00000026;display:grid;height:42px;place-items:center;width:42px}.gmed-headTitle{font-size:18px;font-weight:900;letter-spacing:-.02em;line-height:1.15}.gmed-headSub{font-size:12px;margin-top:2px;opacity:.9}.gmed-close{background:#ffffff24;border:1px solid #ffffff38;border-radius:12px;color:#fff;cursor:pointer;font-size:26px;height:38px;line-height:1;transition:transform .2s ease,background .2s ease;width:38px}.gmed-close:hover{background:#ffffff38;transform:rotate(90deg)}.gmed-body{background:#f8fafc;padding:22px 18px 18px;text-align:center}.gmed-name{color:#0f172a;font-size:30px;font-weight:950;letter-spacing:-.03em;margin-top:6px}.gmed-timeBox{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #6366f14d;border-radius:16px;box-shadow:0 8px 22px #6366f12e;display:flex;gap:10px;margin:16px auto 0;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.gmed-timeIcon{font-size:18px}.gmed-timeText{color:#4f46e5;font-size:20px;font-weight:900}.gmed-note{background:#fff;border:1px solid #0f172a14;border-radius:14px;box-shadow:0 8px 18px #0f172a0f;color:#334155;font-size:13px;font-weight:600;margin-top:14px;padding:14px;text-align:left}.gmed-attempt{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b59;border-radius:999px;color:#92400e;display:inline-block;font-size:12px;font-weight:800;margin-top:12px;padding:8px 12px}.gmed-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:18px}.gmed-btn{border:none;border-radius:14px;cursor:pointer;font-weight:900;padding:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.gmed-btn:disabled{cursor:not-allowed;opacity:.65}.gmed-btn.primary{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 14px 30px #6366f147;color:#fff}.gmed-btn.primary:hover{transform:translateY(-2px)}.gmed-btn.ghost{background:#fff;border:1px solid #0f172a1a;box-shadow:0 10px 22px #0f172a0f;color:#0f172a}.gmed-btn.ghost:hover{transform:translateY(-2px)}.gmed-btn.small{background:#0f172a;border-radius:12px;color:#fff;padding:10px 14px}.gmed-snoozePanel{background:#ffffffb3;border:1px solid #0f172a14;border-radius:16px;box-shadow:0 10px 22px #0f172a0f;display:none;margin-top:14px;padding:14px}.gmed-snoozePanel.open{display:block}.gmed-chipRow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.gmed-chip{background:linear-gradient(135deg,#6366f11a,#a855f71f);border:1px solid #6366f140;border-radius:999px;color:#3730a3;cursor:pointer;font-weight:900;padding:10px 14px;transition:transform .16s ease,box-shadow .16s ease}.gmed-chip:hover{box-shadow:0 10px 18px #6366f12e;transform:translateY(-2px)}.gmed-chip:disabled{cursor:not-allowed;opacity:.6}.gmed-customRow{text-align:left}.gmed-customLabel{color:#334155;font-size:12px;font-weight:900;margin-bottom:8px}.gmed-customControls{align-items:center;display:flex;gap:10px}.gmed-customInput{background:#fff;border:1px solid #0f172a1f;border-radius:12px;flex:1 1;font-weight:800;height:42px;outline:none;padding:0 12px}.gmed-helper{color:#64748b;font-size:11px;font-weight:700;margin-top:6px}[data-theme=dark] .gmed-card{background:#020617;border-color:#ffffff14}[data-theme=dark] .gmed-body{background:#0b1220}[data-theme=dark] .gmed-name{color:#f8fafc}[data-theme=dark] .gmed-note{background:#020617;border-color:#ffffff14;color:#cbd5e1}[data-theme=dark] .gmed-btn.ghost{background:#020617;border-color:#ffffff1a;color:#e5e7eb}[data-theme=dark] .gmed-snoozePanel{background:#02061799;border-color:#ffffff14}.gmed-chip.active{background:linear-gradient(135deg,#22c55e24,#6366f11f);border-color:#22c55e59;color:#065f46}[data-theme=dark] .gmed-chip.active{background:#22c55e24;border-color:#22c55e40;color:#86efac}.gmed-customRow{border-top:1px dashed #0f172a1a;margin-top:12px;padding-top:12px}[data-theme=dark] .gmed-customRow{border-top-color:#ffffff1a}:root{--bg-main:#f6fbff;--bg-secondary:#eef6ff;--text-primary:#0b1220;--text-secondary:#0b1220b8;--card-bg:#ffffffb8;--card-border:#0f172a1a;--brand-1:#c943ff;--brand-2:#2cabff}.legal-page{background:linear-gradient(135deg,#f6fbff,#eef6ff 45%,#fff);background:linear-gradient(135deg,var(--bg-main) 0,var(--bg-secondary) 45%,#fff 100%);color:#0b1220;color:var(--text-primary);min-height:100vh;overflow:hidden;padding:clamp(28px,5vw,56px) 16px;position:relative}.legal-page:before{background:radial-gradient(circle at 50% 28%,#2cabff2e 0,#2cabff00 55%),radial-gradient(circle at 50% 28%,#c943ff1f 0,#c943ff00 60%),radial-gradient(circle,#2cabff38 1px,#0000 1.6px),radial-gradient(circle,#c943ff2e 1px,#0000 1.6px);background-position:top,top,center 120px,center 140px;background-repeat:no-repeat,no-repeat,repeat,repeat;background-size:100% 100%,100% 100%,14px 14px,18px 18px;filter:saturate(1.05);inset:-20%;opacity:.11}.legal-page:after,.legal-page:before{content:"";pointer-events:none;position:absolute;z-index:0}.legal-page:after{background:radial-gradient(closest-side at 22% 35%,#c943ff 0,#c943ff00 70%),radial-gradient(closest-side at 78% 35%,#2cabff 0,#2cabff00 72%);filter:blur(50px);inset:-35% -25%;opacity:.08;transform:none}.legal-wrap{margin:0 auto;max-width:980px;position:relative;z-index:1}.legal-hero{margin-bottom:18px;text-align:center}.legal-hero h1{color:#0b1220;color:var(--text-primary);font-size:clamp(30px,3.4vw,46px);letter-spacing:-.02em;margin:0}.legal-hero p{color:#0b1220b8;color:var(--text-secondary);font-size:clamp(14px,1.4vw,16px);line-height:1.6;margin:10px auto 0;max-width:720px}.legal-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffb8;background:var(--card-bg);border:1px solid #0f172a1a;border:1px solid var(--card-border);border-radius:18px;box-shadow:0 18px 50px #0f172a1a;margin-top:22px;padding:clamp(18px,2.6vw,28px)}.legal-meta{color:#0b1220b8;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:10px 14px;justify-content:center;margin-bottom:18px}.badge{align-items:center;background:#ffffff8c;border:1px solid #0f172a1f;border-radius:999px;display:inline-flex;gap:8px;padding:8px 12px}.legal-section{margin-top:18px}.legal-section h2{color:#0b1220;color:var(--text-primary);font-size:18px;letter-spacing:-.01em;margin:0 0 10px}.legal-section li,.legal-section p{color:#0b1220b8;color:var(--text-secondary);font-size:15px;line-height:1.75}.legal-section ul{margin:10px 0 0;padding-left:18px}.legal-divider{background:#0f172a1a;height:1px;margin:18px 0}.legal-footer-note{color:#0b1220b8;color:var(--text-secondary);font-size:13px;margin-top:18px;text-align:center}[data-theme=dark] .legal-page{--bg-main:#070b12;--bg-secondary:#0b1220;--text-primary:#eaf1ff;--text-secondary:#eaf1ffb8;--card-bg:#0f172a8c;--card-border:#94a3b833}.shAuthOverlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(1200px 700px at 50% 20%,#7c3aed38,#0000 55%),radial-gradient(900px 600px at 20% 80%,#38bdf82e,#0000 60%),#000000b8;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:999999}.shAuthModal{background:#ffffffeb;background-clip:padding-box;border:1px solid #0000;border-radius:18px;box-shadow:0 30px 120px #00000073;padding:30px 28px 18px;position:relative;text-align:center;width:min(820px,94vw)}.shAuthModal:before{background:linear-gradient(135deg,#7c3aeda6,#38bdf88c,#f43f5e73);border-radius:18px;content:"";inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.shAuthGlow,.shAuthModal:before{pointer-events:none;position:absolute}.shAuthGlow{background:radial-gradient(circle at 50% 50%,#7c3aed59,#0000 60%);filter:blur(18px);height:220px;left:50%;top:-80px;transform:translateX(-50%);width:520px}.shAuthIconWrap{display:flex;justify-content:center;margin:4px 0 14px}.shAuthIconRing{background:conic-gradient(from 180deg,#7c3aed,#38bdf8,#f43f5e,#7c3aed);box-shadow:0 12px 35px #7c3aed2e;height:74px;padding:3px;place-items:center;width:74px}.shAuthIcon,.shAuthIconRing{border-radius:999px;display:grid}.shAuthIcon{background:#fff;border:1px solid #0206170f;color:#0f172a;font-size:30px;height:100%;place-items:center;width:100%}.shAuthIcon,.shAuthTitle{font-weight:900;letter-spacing:-.02em}.shAuthTitle{color:#0f172a;font-size:34px;margin:0 0 10px}.shAuthSubtitle{color:#475569;font-size:16px;line-height:1.6;margin:0 auto 14px;max-width:620px;text-align:center}.shAuthNext{align-items:center;background:#0206170a;border:1px solid #02061714;border-radius:999px;color:#64748b;display:inline-flex;font-size:13px;gap:10px;margin:0 auto 22px;max-width:620px;padding:10px 12px}.shAuthNext .dot{background:linear-gradient(135deg,#7c3aed,#38bdf8);border-radius:999px;box-shadow:0 0 0 4px #38bdf81f;height:8px;width:8px}.shAuthActions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:2px}.shAuthBtn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:800;gap:10px;justify-content:center;min-width:140px;padding:12px 18px;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.shAuthBtn:active{transform:scale(.98)}.shAuthBtn .btnIcon{font-size:14px;opacity:.95}.shAuthBtn.primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 14px 34px #7c3aed40;color:#fff}.shAuthBtn.primary:hover{box-shadow:0 18px 45px #7c3aed52}.shAuthBtn.secondary{background:linear-gradient(135deg,#38bdf838,#7c3aed1f);border:1px solid #38bdf859;box-shadow:0 10px 26px #38bdf81a;color:#0f172a}.shAuthBtn.secondary:hover{box-shadow:0 14px 34px #38bdf829}.shAuthBtn.ghost{background:#64748b;box-shadow:0 10px 22px #64748b38;color:#fff}.shAuthFooter{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:14px;padding-top:12px}.shAuthFooter .lock{opacity:.85}.screen-guard{align-items:center;background:linear-gradient(135deg,#f5f3ff,#e0f2fe 35%,#eef2ff);display:flex;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.screen-guard-card{background:#fff;border:none;border-radius:24px;box-shadow:0 18px 40px #94a3b859;max-width:540px;padding:32px 30px 26px;text-align:center;width:100%}.sg-title{align-items:center;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sg-logo-img{height:70px;margin-bottom:4px;-webkit-user-select:none;user-select:none;width:auto}.sg-logo-text{background:linear-gradient(180deg,#e91e63,#9c27b0,#3f51b5,#2196f3);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:26px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.sg-subtitle{color:#6b7280;font-size:12px;letter-spacing:.22em;margin-top:-2px;text-transform:uppercase}.screen-guard-card p{color:#4b5563;font-size:14px;margin:4px 0}.screen-guard-highlight{color:#7c3aed;font-weight:600;margin-top:10px}.store-buttons{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:28px}.store-buttons a{background:none;border:none;box-shadow:none;padding:0}.store-badge{border-radius:0;box-shadow:none;display:block;height:auto;object-fit:contain;transition:transform .18s ease;width:190px}.store-badge:hover{transform:scale(1.06)}.screen-guard-note{color:#6b7280;font-size:12px;margin-top:16px}
/*# sourceMappingURL=main.65de272e.css.map*/