@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Lateef:wght@400&family=Noto+Naskh+Arabic:wght@400;700&family=Scheherazade:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IndoPak&display=swap";#root{margin:0 auto;padding:0;text-align:center}@media (max-width: 640px){#root{margin:0!important;padding:0!important}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-slow{animation:pulse 2.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.animate-fade-in-slow{animation:fadeIn 1.8s ease .2s both}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:popIn .7s cubic-bezier(.4,0,.6,1) both}@keyframes glowLine{0%{filter:drop-shadow(0 0 0px #FFD700)}to{filter:drop-shadow(0 0 12px #FFD700)}}.animate-glow-line{animation:glowLine 2.5s ease-in-out infinite alternate}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.animate-slide-in-up{animation:slideInUp 1.2s cubic-bezier(.4,0,.6,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.animate-fade-up{animation:fadeUp 1.2s cubic-bezier(.4,0,.6,1) both}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.animate-twinkle{animation:twinkle 2.2s ease-in-out infinite alternate}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #EFD09E;--bg: #0a0a0f;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .07);--text: #ffffff;--text-muted: rgba(255, 255, 255, .45);--topbar-h: 60px;--bottom-nav-h: 56px;--sidebar-w: 220px;--feed-max: 480px;--radius: 14px}.fp-root{display:flex;flex-direction:column;height:100dvh;height:100vh;background:var(--bg);color:var(--text);font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}.fp-topbar{height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 16px;background:#0a0a0feb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:relative;z-index:200;flex-shrink:0}.fp-topbar-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text);padding:6px;border-radius:8px;transition:background .15s;flex-shrink:0}.fp-topbar-btn:hover{background:var(--surface-hover)}.fp-topbar-btn.outline{border:1px solid rgba(255,255,255,.2);padding:6px 14px;font-size:13px;color:#fffc;border-radius:20px}.fp-topbar-btn.primary{background:var(--accent);color:#111;font-weight:700;padding:6px 14px;font-size:13px;border-radius:20px}.fp-logo{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:800;letter-spacing:-.5px;white-space:nowrap;flex-shrink:0}.fp-logo-dot{color:var(--accent)}.fp-search-bar{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid var(--border);border-radius:24px;padding:8px 14px;min-width:0;max-width:400px;transition:border-color .2s}.fp-search-bar:focus-within{border-color:#efd09e59}.fp-search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13.5px;min-width:0}.fp-search-bar input::-moz-placeholder{color:#ffffff4d}.fp-search-bar input::placeholder{color:#ffffff4d}.fp-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.fp-body{display:flex;flex:1;overflow:hidden}.fp-sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;padding:16px 0;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:#0a0a0fb3}.fp-sidebar::-webkit-scrollbar{display:none}.fp-nav-item{display:flex;align-items:center;gap:12px;padding:11px 18px;background:none;border:none;cursor:pointer;color:#ffffff8c;font-size:13.5px;font-weight:500;border-radius:0;width:100%;text-align:left;transition:color .15s,background .15s;white-space:nowrap}.fp-nav-item:hover{color:var(--text);background:var(--surface)}.fp-nav-item.active{color:var(--text);font-weight:700}.fp-nav-item.active .fp-nav-icon{color:var(--accent)}.fp-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px}.fp-sidebar-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.fp-sidebar-section-title{font-size:10px;font-weight:700;color:#ffffff40;letter-spacing:1px;text-transform:uppercase;padding:0 18px 8px}.fp-following-item{display:flex;align-items:center;gap:10px;padding:8px 18px;cursor:pointer;border-radius:8px;margin:0 6px;transition:background .15s}.fp-following-item:hover{background:var(--surface-hover)}.fp-following-avatar{width:32px;height:32px;border-radius:16px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.fp-following-name{font-size:13px;color:#ffffffb3}.fp-feed{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0}.fp-tabs-bar{display:flex;align-items:center;justify-content:center;gap:0;padding:0 20px;height:44px;border-bottom:1px solid var(--border);background:#0a0a0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:10;flex-shrink:0}.fp-tab-btn{position:relative;background:none;border:none;cursor:pointer;color:#fff6;font-size:14px;font-weight:600;padding:8px 18px;transition:color .2s}.fp-tab-btn.active{color:var(--text)}.fp-tab-underline{position:absolute;bottom:-1px;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:var(--accent);border-radius:2px;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.fp-tab-btn.active .fp-tab-underline{transform:translate(-50%) scaleX(1)}.fp-tab-sep{color:#ffffff1f;font-size:16px}.fp-feed-scroll{flex:1;min-height:0;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;--snap-h: 100%}.fp-feed-scroll::-webkit-scrollbar{display:none}.fp-nav-arrows{position:absolute;right:16px;bottom:24px;display:flex;flex-direction:column;gap:6px;z-index:30}.fp-nav-arrow{width:38px;height:38px;background:#14141ccc;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,opacity .15s}.fp-nav-arrow:hover{background:#efd09e26}.fp-nav-arrow:disabled{opacity:.2;cursor:default}.fp-clip-wrapper{height:calc(100dvh - var(--topbar-h) - 44px);scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;background:#0a0a0f;overflow:hidden;flex-shrink:0}.fp-clip-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(32px) saturate(.5) brightness(.3);transform:scale(1.1);pointer-events:none;z-index:0}.fp-clip-player{position:relative;z-index:1;height:100%;width:auto;aspect-ratio:9 / 16;max-width:calc(100% - 76px);background:#000;border-radius:0;overflow:hidden;flex-shrink:0}@media (min-width: 900px){.fp-clip-player{border-radius:14px;max-height:calc(100% - 16px)}}.fp-clip-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.fp-clip-media.landscape{-o-object-fit:contain;object-fit:contain;background:#000}.fp-clip-grad-top{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);pointer-events:none}.fp-clip-grad-bot{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(0,0,0,.82),transparent);pointer-events:none}.fp-clip-info{position:absolute;bottom:12px;left:12px;right:12px;z-index:5;display:flex;flex-direction:column;gap:5px}.fp-clip-cat-chip{display:inline-flex;align-items:center;gap:5px;background:#efd09e1f;border:1px solid rgba(239,208,158,.25);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--accent);width:-moz-fit-content;width:fit-content}.fp-clip-creator-row{display:flex;align-items:center;gap:10px}.fp-clip-creator-name{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.fp-clip-follow-btn{background:transparent;border:1.5px solid rgba(255,255,255,.7);border-radius:16px;color:#fff;font-size:12px;font-weight:700;padding:3px 12px;cursor:pointer;transition:background .15s,border-color .15s}.fp-clip-follow-btn:hover{background:#ffffff1f}.fp-clip-title{font-size:14px;font-weight:600;color:#fffffff2;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fp-clip-desc{font-size:12.5px;color:#fff9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:-webkit-line-clamp .2s}.fp-clip-desc.expanded{-webkit-line-clamp:unset;display:block}.fp-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff26;cursor:pointer;z-index:6}.fp-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .1s linear}.fp-pause-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.fp-img-dots{position:absolute;bottom:50px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:5}.fp-img-dot{width:5px;height:5px;border-radius:50%;background:#ffffff59;transition:background .2s,transform .2s}.fp-img-dot.active{background:var(--accent);transform:scale(1.25)}.fp-clip-actions{position:absolute;right:10px;bottom:80px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px}.fp-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0}.fp-action-circle{width:46px;height:46px;border-radius:50%;background:#14141cb3;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .15s,background .15s}.fp-action-btn:hover .fp-action-circle{transform:scale(1.08);background:#ffffff1a}.fp-action-circle.liked{background:#ff2d552e;border-color:#ff2d5559}.fp-action-circle.saved{background:#efd09e24;border-color:#efd09e59}.fp-action-count{font-size:11px;color:#fffc;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6)}.fp-action-avatar{position:relative}.fp-avatar-follow-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:20px;height:20px;background:var(--accent);color:#111;font-size:14px;font-weight:800;border:2px solid var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.fp-music-disc{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#2a2a4e,#1a1a2e);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;animation:spin 4s linear infinite;cursor:default;box-shadow:0 0 0 2px #0006}.fp-music-disc-center{width:12px;height:12px;border-radius:50%;background:#0a0a0f;border:2px solid rgba(255,255,255,.2)}.fp-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#1a1a22 30%,#222230,#1a1a22 70%);background-size:200% 100%;animation:shimmer 1.4s infinite;display:flex;align-items:center;justify-content:center;z-index:2}@keyframes shimmer{to{background-position:-200% center}}.fp-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent);border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.fp-comments-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:400;display:flex;align-items:flex-end;justify-content:flex-end}.fp-comments-panel{width:380px;max-width:100vw;height:75dvh;height:75vh;background:#13131c;border:1px solid var(--border);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 40px #0009}.fp-comments-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.fp-comments-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.fp-comment-input-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.fp-comment-input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:22px;padding:9px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.fp-comment-input::-moz-placeholder{color:#ffffff4d}.fp-comment-input::placeholder{color:#ffffff4d}.fp-comment-input:focus{border-color:#efd09e59}@media (min-width: 1400px){:root{--sidebar-w: 260px}}@media (max-width: 1199px){:root{--sidebar-w: 64px}.fp-nav-item{justify-content:center;padding:12px 0;gap:0}.fp-nav-item span:not(.fp-nav-icon){display:none}.fp-nav-icon{width:24px;height:24px}.fp-sidebar-section{display:none}.fp-logo{font-size:17px}.fp-search-bar{max-width:260px}}@media (max-width: 899px){:root{--topbar-h: 54px;--sidebar-w: 0px;--bottom-nav-h: 56px}.fp-sidebar{display:none}.fp-body{flex-direction:column}.fp-clip-wrapper{height:calc(100dvh - var(--topbar-h) - 44px - var(--bottom-nav-h))}.fp-feed{padding-bottom:0}.fp-action-circle{width:42px;height:42px}.fp-clip-actions{right:8px;bottom:60px}.fp-comments-overlay{align-items:flex-end;justify-content:stretch}.fp-comments-panel{width:100%;border-radius:20px 20px 0 0;height:72dvh;height:72vh;margin-bottom:var(--bottom-nav-h)}.fp-search-bar{display:none}.fp-topbar{gap:8px}.fp-logo{font-size:18px}.fp-bottom-nav{display:flex!important}}@media (max-width: 599px){:root{--topbar-h: 50px}.fp-topbar{padding:0 12px;gap:8px}.fp-logo{font-size:16px;gap:4px}.fp-topbar-btn.back{display:none}.fp-topbar-btn.outline,.fp-topbar-btn.primary{padding:5px 10px;font-size:12px}.fp-clip-player{border-radius:0;max-width:100vw}.fp-action-circle{width:40px;height:40px}.fp-action-btn svg{width:22px;height:22px}.fp-clip-actions{right:8px;bottom:70px}.fp-clip-title,.fp-clip-creator-name{font-size:13px}.fp-tab-btn{font-size:13px;padding:8px 12px}.fp-nav-arrows{display:none}.fp-comments-panel{height:85dvh;height:85vh}}@media (max-width: 360px){.fp-clip-player{border-radius:0;max-width:100vw}.fp-action-circle{width:36px;height:36px}.fp-action-btn svg{width:20px;height:20px}.fp-action-count{font-size:10px}}.fp-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:#0a0a0ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:300;align-items:center;justify-content:space-around;padding:0 8px;padding-bottom:env(safe-area-inset-bottom)}.fp-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;background:none;border:none;cursor:pointer;color:#ffffff73;padding:4px 0;transition:color .15s;font-size:10px;font-weight:500}.fp-bottom-nav-item.active{color:var(--accent)}.fp-bottom-nav-item svg{display:block}.fp-bottom-nav-item.upload-btn{background:var(--accent);color:#111;border-radius:12px;width:44px;height:36px;flex:none;gap:0}.fp-bottom-nav-item.upload-btn svg{width:20px;height:20px}@media (max-height: 500px) and (orientation: landscape){:root{--topbar-h: 44px}.fp-tabs-bar{height:36px}.fp-tabs-bar .fp-tab-btn{font-size:12px;padding:6px 10px}.fp-clip-wrapper{height:calc(100dvh - 80px)}.fp-action-circle{width:36px;height:36px}.fp-clip-actions{gap:8px;bottom:40px}.fp-clip-grad-bot{height:120px}.fp-clip-info{bottom:8px}.fp-bottom-nav{display:none!important}.fp-feed{padding-bottom:0}}.msg-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a0a0f;font-family:DM Sans,-apple-system,sans-serif;display:flex;flex-direction:column;color:#f0ebe0;overflow:hidden}.msg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.msg-topbar{height:60px;flex-shrink:0;display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);background:#0a0a0f;z-index:50;position:relative}.msg-topbar-center{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.msg-topbar-title{font-size:18px;font-weight:700;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-topbar-online{font-size:12px;color:#34d399;flex-shrink:0}.msg-unread-badge{background:#efd09e;color:#111;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;flex-shrink:0}.msg-icon-btn{background:none;border:none;cursor:pointer;color:#f0ebe099;padding:7px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.msg-icon-btn:hover{color:#f0ebe0;background:#ffffff12}.msg-body{flex:1;display:flex;overflow:hidden;position:relative;z-index:1}.msg-list-panel{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);overflow:hidden;background:#0a0a0f}.msg-search{display:flex;align-items:center;gap:10px;margin:12px 14px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:99px;padding:0 14px;height:38px;color:#f0ebe066;flex-shrink:0}.msg-search input{flex:1;background:none;border:none;outline:none;color:#f0ebe0;font-size:13px;font-family:inherit}.msg-search input::-moz-placeholder{color:#f0ebe059}.msg-search input::placeholder{color:#f0ebe059}.msg-active-strip{padding:0 14px 12px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.msg-strip-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#f0ebe066;margin:0 0 10px}.msg-strip-scroll{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.msg-strip-scroll::-webkit-scrollbar{display:none}.msg-active-item{background:none;border:none;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.msg-active-av-wrap{position:relative}.msg-active-name{font-size:11px;color:#f0ebe0b3;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#34d399;border:2px solid #0a0a0f}.msg-conv-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.msg-conv-list::-webkit-scrollbar{width:3px}.msg-conv-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.msg-conv-row{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 14px;text-align:left;position:relative;border-left:3px solid transparent;transition:background .12s}.msg-conv-row:hover{background:#ffffff0a}.msg-conv-row.active{background:#efd09e12;border-left-color:#efd09e}.msg-conv-row.unread{border-left-color:#efd09e73}.msg-accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:#efd09e;border-radius:0 2px 2px 0}.msg-conv-av-wrap{position:relative;flex-shrink:0}.msg-conv-content{flex:1;min-width:0}.msg-conv-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px}.msg-conv-name{font-size:14px;font-weight:500;color:#f0ebe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.msg-conv-name.bold{font-weight:700}.msg-conv-time{font-size:11px;color:#f0ebe066;flex-shrink:0}.msg-conv-time.accent{color:#efd09e}.msg-conv-bottom{display:flex;align-items:center;gap:8px}.msg-conv-preview{font-size:12px;color:#f0ebe073;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.msg-unread-pill{background:#efd09e;color:#111;font-size:11px;font-weight:700;padding:1px 6px;border-radius:99px;flex-shrink:0}.msg-avatar{overflow:hidden;background:#efd09e21;display:flex;align-items:center;justify-content:center;color:#efd09e;font-weight:700;flex-shrink:0}.msg-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.msg-skel-list{padding:10px 14px;display:flex;flex-direction:column;gap:14px}.msg-skel-row{display:flex;gap:12px;align-items:center}.msg-skel-av{width:50px;height:50px;border-radius:14px;flex-shrink:0;background:#ffffff0f;animation:msg-pulse 1.6s ease-in-out infinite}.msg-skel-lines{flex:1;display:flex;flex-direction:column;gap:8px}.msg-skel-lines div{height:12px;border-radius:6px;background:#ffffff0f;animation:msg-pulse 1.6s ease-in-out infinite}@keyframes msg-pulse{0%,to{opacity:1}50%{opacity:.45}}.msg-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 20px;color:#f0ebe066}.msg-empty-icon{font-size:44px;margin-bottom:4px}.msg-empty p{margin:0;font-size:15px;font-weight:600;color:#f0ebe099}.msg-empty small{font-size:12px;text-align:center}.msg-chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#0c0c15}.msg-chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#f0ebe059}.msg-chat-placeholder-icon{width:80px;height:80px;border-radius:24px;background:#efd09e12;border:1px solid rgba(239,208,158,.12);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.msg-chat-placeholder p{font-size:16px;font-weight:600;margin:0}.msg-chat-placeholder small{font-size:13px}.msg-chat-header{height:60px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#0a0a0f}.msg-chat-hinfo{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.msg-chat-hname{font-size:15px;font-weight:700}.msg-chat-online{font-size:11px;color:#34d399}.msg-chat-lastseen{font-size:11px;color:#f0ebe066}.msg-messages{flex:1;overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.msg-messages::-webkit-scrollbar{width:3px}.msg-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.msg-date-sep{display:flex;align-items:center;gap:10px;margin:14px 0 8px}.msg-date-sep span{font-size:11px;color:#f0ebe059;white-space:nowrap;flex-shrink:0}.msg-date-line{flex:1;height:1px;background:#ffffff12}.msg-bubble-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:1px}.msg-bubble-row.me{flex-direction:row-reverse}.msg-bubble-row.same-sender{margin-top:1px}.msg-bubble{max-width:66%;padding:10px 13px;background:#ffffff14;border-radius:16px 16px 16px 4px;border:1px solid rgba(255,255,255,.06)}.msg-bubble.me{background:linear-gradient(135deg,#efd09e26,#efd09e38);border-color:#efd09e33;border-radius:16px 16px 4px}.msg-bubble p{margin:0;font-size:14px;line-height:1.5;color:#f0ebe0;word-break:break-word}.msg-bubble-time{display:block;font-size:10px;color:#f0ebe059;margin-top:4px;text-align:right}.msg-chat-start{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.msg-chat-start p{font-size:16px;font-weight:700;margin:0;color:#f0ebe0}.msg-chat-start small{font-size:13px;color:#f0ebe080}.msg-chat-loading{flex:1;display:flex;align-items:center;justify-content:center}.msg-spinner{width:30px;height:30px;border-radius:50%;border:2px solid rgba(239,208,158,.15);border-top-color:#efd09e;animation:msg-spin .75s linear infinite}@keyframes msg-spin{to{transform:rotate(360deg)}}.msg-quick-emojis{display:flex;gap:6px;padding:8px 16px 0;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.msg-quick-emojis::-webkit-scrollbar{display:none}.msg-emoji-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:99px;padding:4px 10px;font-size:13px;cursor:pointer;flex-shrink:0;color:#f0ebe0;font-family:inherit;transition:background .12s}.msg-emoji-btn:hover{background:#efd09e1f;border-color:#efd09e33}.msg-input-row{display:flex;align-items:center;gap:10px;padding:10px 16px 14px;border-top:1px solid rgba(255,255,255,.06);background:#0a0a0f;flex-shrink:0}.msg-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:10px 16px;color:#f0ebe0;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.msg-input:focus{border-color:#efd09e4d}.msg-input::-moz-placeholder{color:#f0ebe059}.msg-input::placeholder{color:#f0ebe059}.msg-send-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#f0ebe066;transition:all .15s;flex-shrink:0}.msg-send-btn.active{background:#efd09e;color:#111}.msg-send-btn:disabled{cursor:not-allowed}.msg-mobile-only{display:none}.msg-desktop-only{display:flex}@media (max-width: 768px){.msg-mobile-only{display:flex}.msg-desktop-only{display:none}.msg-list-panel{width:100%;border-right:none}.msg-list-panel.msg-hidden-mobile{display:none}.msg-chat-panel{display:none;position:absolute;top:60px;right:0;bottom:0;left:0;z-index:20;background:#0a0a0f}.msg-chat-panel.visible{display:flex}}@media (min-width: 1200px){.msg-list-panel{width:380px}}.pp-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#121212;font-family:DM Sans,-apple-system,sans-serif;display:flex;flex-direction:column;color:#f0ebe0;overflow:hidden}.pp-topbar{height:60px;flex-shrink:0;display:flex;align-items:center;padding:0 20px;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);background:#121212;z-index:50}.pp-topbar-logo{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.3px;display:flex;align-items:center;gap:6px}.pp-topbar-right{margin-left:auto;display:flex;align-items:center;gap:6px}.pp-topbar-icon,.pp-back{background:none;border:none;cursor:pointer;color:#f0ebe0a6;padding:7px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.pp-topbar-icon:hover,.pp-back:hover{color:#f0ebe0;background:#ffffff12}.pp-topbar-btn{background:none;border:none;cursor:pointer}.pp-body{flex:1;display:flex;overflow:hidden}.pp-sidebar{width:240px;flex-shrink:0;overflow-y:auto;overflow-x:hidden;padding:12px 8px 24px;border-right:1px solid rgba(255,255,255,.06);scrollbar-width:none;display:flex;flex-direction:column}.pp-sidebar::-webkit-scrollbar{display:none}.pp-nav-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;cursor:pointer;color:#f0ebe0a6;font-size:16px;font-weight:500;padding:10px 16px;border-radius:8px;text-align:left;font-family:inherit;transition:background .12s,color .12s}.pp-nav-item:hover{background:#ffffff12;color:#f0ebe0}.pp-nav-item.active{background:#efd09e1a;color:#f0ebe0;font-weight:700}.pp-nav-icon{display:flex;align-items:center;flex-shrink:0}.pp-sidebar-divider{height:1px;background:#ffffff0f;margin:14px 8px}.pp-sidebar-settings{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;cursor:pointer;color:#f0ebe080;font-size:14px;font-weight:500;padding:10px 16px;border-radius:8px;text-align:left;font-family:inherit;transition:background .12s,color .12s}.pp-sidebar-settings:hover{background:#ffffff0f;color:#f0ebe0cc}.pp-main{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.pp-main::-webkit-scrollbar{width:4px}.pp-main::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.pp-header{display:flex;gap:36px;align-items:flex-start;padding:36px 36px 28px;border-bottom:1px solid rgba(255,255,255,.06)}.pp-header-left{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px}.pp-avatar-ring{width:130px;height:130px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;padding:3px;position:relative}.pp-avatar{overflow:hidden;background:#efd09e21;display:flex;align-items:center;justify-content:center;color:#efd09e;font-weight:800;width:100%;height:100%;border-radius:50%}.pp-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:50%}.pp-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;padding-top:6px}.pp-name-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.pp-username{font-size:26px;font-weight:800;letter-spacing:-.5px;color:#f0ebe0;margin:0}.pp-handle{font-size:15px;color:#f0ebe073;margin:0;font-weight:400}.pp-stats{display:flex;gap:0;margin-bottom:16px;margin-top:10px}.pp-stat{display:flex;flex-direction:column;align-items:flex-start;padding-right:28px;position:relative}.pp-stat+.pp-stat:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#ffffff1a}.pp-stat+.pp-stat{padding-left:28px}.pp-stat-num{font-size:18px;font-weight:800;color:#f0ebe0;line-height:1.2}.pp-stat-label{font-size:12px;color:#f0ebe073;margin-top:1px}.pp-actions{display:flex;gap:8px;align-items:center;margin-bottom:12px}.pp-btn-edit{padding:8px 22px;border-radius:6px;background:none;border:1px solid rgba(255,255,255,.28);color:#f0ebe0;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.pp-btn-edit:hover{background:#ffffff14}.pp-btn-icon{width:36px;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:none;color:#f0ebe0bf;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.pp-btn-icon:hover{background:#ffffff14;color:#f0ebe0}.pp-bio{font-size:14px;color:#f0ebe0bf;margin:0 0 6px;line-height:1.55;max-width:480px}.pp-website{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#efd09e;font-weight:500;text-decoration:none}.pp-website:hover{text-decoration:underline}.pp-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);padding:0 32px;gap:0}.pp-tab{background:none;border:none;border-bottom:2px solid transparent;color:#f0ebe080;font-size:15px;font-weight:600;padding:14px 18px;cursor:pointer;font-family:inherit;transition:color .15s;white-space:nowrap;margin-bottom:-1px}.pp-tab:hover{color:#f0ebe0d9}.pp-tab.active{color:#f0ebe0}.pp-grid-area{padding:0}.pp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px 16px}.pp-clip-card{background:#1a1a24;border:none;cursor:pointer;padding:0;display:block;position:relative;overflow:hidden;aspect-ratio:9/16;border-radius:10px}.pp-clip-thumb{position:absolute;top:0;right:0;bottom:0;left:0}.pp-clip-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .25s ease}.pp-clip-card:hover .pp-clip-thumb img{transform:scale(1.06)}.pp-clip-no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1c1c28}.pp-clip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.15) 35%,transparent 60%);display:flex;align-items:flex-end;padding:8px 7px;pointer-events:none}.pp-clip-views{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pp-clip-badge{position:absolute;top:6px;right:6px;background:#00000073;border-radius:4px;padding:3px 4px;display:flex;align-items:center;justify-content:center;pointer-events:none}.pp-clip-skel{aspect-ratio:9/16;border-radius:10px;background:linear-gradient(135deg,#1a1a24,#222230,#1a1a24);background-size:200% 200%;animation:pp-shimmer 1.6s ease-in-out infinite}@keyframes pp-shimmer{0%{background-position:0% 50%;opacity:.8}50%{background-position:100% 50%;opacity:.5}to{background-position:0% 50%;opacity:.8}}@keyframes pp-pulse{0%,to{opacity:1}50%{opacity:.45}}.pp-empty{padding:80px 40px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#f0ebe066}.pp-empty p{font-size:16px;font-weight:600;margin:8px 0 0;color:#f0ebe08c}.pp-empty small{font-size:13px}.pp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.pp-modal{background:#1a1a24;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.pp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.pp-modal-title{font-size:17px;font-weight:700}.pp-modal-close{background:none;border:none;cursor:pointer;color:#f0ebe099;padding:6px;border-radius:8px;display:flex;transition:color .15s}.pp-modal-close:hover{color:#f0ebe0}.pp-pal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:16px 20px;overflow-y:auto}.pp-pal-card{background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;padding:0 0 8px;overflow:hidden;text-align:left;position:relative;transition:border-color .15s,transform .15s;color:#f0ebe0a6;font-size:11px;font-family:inherit;font-weight:600}.pp-pal-card:hover{border-color:#fff3;transform:translateY(-2px)}.pp-pal-card.selected{border-color:var(--acc, #EFD09E)}.pp-pal-strips{height:44px;display:flex;width:100%;margin-bottom:8px}.pp-pal-card span{padding:0 8px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-pal-check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 1280px){.pp-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1024px){.pp-grid{grid-template-columns:repeat(4,1fr)}.pp-header{gap:24px;padding:24px 24px 20px}.pp-avatar-ring{width:110px;height:110px}}@media (max-width: 768px){.pp-sidebar{display:none}.pp-header{padding:20px 16px 18px;gap:18px;flex-direction:row}.pp-avatar-ring{width:90px;height:90px}.pp-username{font-size:20px}.pp-tabs{padding:0 16px;overflow-x:auto;scrollbar-width:none}.pp-tabs::-webkit-scrollbar{display:none}.pp-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 12px}}@media (max-width: 480px){.pp-header{flex-direction:column;align-items:flex-start}.pp-header-left{flex-direction:row;align-items:center;gap:16px;width:100%}.pp-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 8px}.pp-stat+.pp-stat{padding-left:16px}.pp-stat{padding-right:16px}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--islamic-green: #1B4D3E;--islamic-light: #E8F5E9;--theme-dominant: #E8F5E9;--theme-secondary: #B6E2D3;--theme-accent: #7fc7a3}html{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}body{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.glass-effect{border-width:1px;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-border-opacity: .5;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .8;--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.glass-effect:is(.dark *){border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-border-opacity: .5;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .8}.card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.btn-primary{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.btn-primary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.btn-primary:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-10{top:-2.5rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-10{top:2.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0px}.min-h-\[38px\]{min-height:38px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-80{width:20rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[120px\]{max-width:120px}.max-w-\[400px\]{max-width:400px}.max-w-\[40vw\]{max-width:40vw}.max-w-\[80\%\]{max-width:80%}.max-w-\[95\%\]{max-width:95%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-1{--tw-border-spacing-x: .25rem;--tw-border-spacing-y: .25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-\[var\(--theme-accent\)\]{border-color:var(--theme-accent)}.border-\[var\(--theme-secondary\)\]{border-color:var(--theme-secondary)}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-emerald-100\/50{border-color:#d1fae580}.border-emerald-400{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-white\/30{border-color:#ffffff4d}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-amber-700{--tw-bg-opacity: 1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}.bg-amber-800{--tw-bg-opacity: 1;background-color:rgb(146 64 14 / var(--tw-bg-opacity, 1))}.bg-amber-900{--tw-bg-opacity: 1;background-color:rgb(120 53 15 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.bg-current{background-color:currentColor}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-cyan-600{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.bg-cyan-700{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.bg-cyan-800{--tw-bg-opacity: 1;background-color:rgb(21 94 117 / var(--tw-bg-opacity, 1))}.bg-cyan-900{--tw-bg-opacity: 1;background-color:rgb(22 78 99 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-100\/50{background-color:#d1fae580}.bg-emerald-200{--tw-bg-opacity: 1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-emerald-700{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.bg-emerald-800{--tw-bg-opacity: 1;background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))}.bg-emerald-900{--tw-bg-opacity: 1;background-color:rgb(6 78 59 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-pink-600{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-rose-200{--tw-bg-opacity: 1;background-color:rgb(254 205 211 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-rose-700{--tw-bg-opacity: 1;background-color:rgb(190 18 60 / var(--tw-bg-opacity, 1))}.bg-rose-800{--tw-bg-opacity: 1;background-color:rgb(159 18 57 / var(--tw-bg-opacity, 1))}.bg-rose-900{--tw-bg-opacity: 1;background-color:rgb(136 19 55 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-violet-700{--tw-bg-opacity: 1;background-color:rgb(109 40 217 / var(--tw-bg-opacity, 1))}.bg-violet-800{--tw-bg-opacity: 1;background-color:rgb(91 33 182 / var(--tw-bg-opacity, 1))}.bg-violet-900{--tw-bg-opacity: 1;background-color:rgb(76 29 149 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/50{background-color:#ffffff80}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-opacity-75{--tw-bg-opacity: .75}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-green-100{--tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-emerald-50{--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-emerald-100{--tw-gradient-to: #d1fae5 var(--tw-gradient-to-position)}.to-green-300{--tw-gradient-to: #86efac var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pb-8{padding-bottom:2rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-wide{letter-spacing:.025em}.text-\[var\(--theme-accent\)\]{color:var(--theme-accent)}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500\/60{color:#10b98199}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.animate-fade-in{animation:fadeIn .3s ease-in-out}.\[animation-delay\:-\.2s\]{animation-delay:-.2s}.\[animation-delay\:\.0s\]{animation-delay:0s}.\[animation-delay\:\.2s\]{animation-delay:.2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:IndoPak;src:url(/assets/font-CoUEnx5O.ttf) format("truetype");font-display:swap}.theme-shadow{box-shadow:0 4px 24px #0002;transition:box-shadow .2s}:root[style*="--theme-shadow-enabled: 0"] .theme-shadow{box-shadow:none!important}.hadith-flipbook-page{background-color:#fff!important;box-sizing:border-box}.player-slider,input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.player-slider::-webkit-slider-track,input[type=range]::-webkit-slider-track{background:#0000001a;height:6px;border-radius:3px}.player-slider::-webkit-slider-thumb,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--theme-accent, #38bdf8);cursor:pointer;box-shadow:0 2px 6px #0003;-webkit-transition:all .2s ease;transition:all .2s ease;margin-top:-6px}.player-slider::-webkit-slider-thumb:hover,input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.player-slider::-moz-range-track,input[type=range]::-moz-range-track{background:#0000001a;height:6px;border-radius:3px;border:none}.player-slider::-moz-range-thumb,input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--theme-accent, #38bdf8);cursor:pointer;border:none;box-shadow:0 2px 6px #0003;-moz-transition:all .2s ease;transition:all .2s ease}.player-slider::-moz-range-thumb:hover,input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-emerald-200:hover{--tw-bg-opacity: 1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/\[0\.12\]:hover{background-color:#ffffff1f}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-emerald-500:hover{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.hover\:text-emerald-600:hover{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.hover\:text-emerald-700:hover{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-gray-600\/50:is(.dark *){border-color:#4b556380}.dark\:bg-gray-600\/50:is(.dark *){background-color:#4b556380}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700\/50:is(.dark *){background-color:#37415180}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800\/80:is(.dark *){background-color:#1e293bcc}.dark\:from-slate-900:is(.dark *){--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:via-slate-800:is(.dark *){--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-slate-900:is(.dark *){--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400\/40:is(.dark *){color:#34d39966}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-emerald-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:h-6{height:1.5rem}.sm\:min-h-\[44px\]{min-height:44px}.sm\:w-6{width:1.5rem}.sm\:max-w-\[80\%\]{max-width:80%}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:rounded-2xl{border-radius:1rem}.sm\:p-3{padding:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 768px){.md\:static{position:static}.md\:hidden{display:none}.md\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}