@font-face{font-family:Inter;src:url(/assets/fonts/Inter.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:SLA;src:url(/assets/fonts/SLA-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:SLA;src:url(/assets/fonts/SLA-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:NotoSansArabic;src:url(/assets/fonts/NotoSansArabic.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:NotoNastaliqUrdu;src:url(/assets/fonts/NastaliqUrdu.woff2) format("woff2");font-display:swap}:root{--font-stack:"Inter","SLA","NotoSansArabic",system-ui,-apple-system,sans-serif;--primary:#2563eb;--primary-dark:#1d4ed8;--pro:#e0a828;--text-primary:#0f172a;--text-secondary:#64748b;--placeholder:#94a3b8;--background:#f8fafc;--surface:#ffffff;--border:#e2e8f0;--tint-blue:#f1f5ff;--back-button-bg:#f1f5f9;--lang-selected-bg:#f3f7ff;--overlay:rgba(15,23,42,0.4);--radio-border:#cbd5e1;--alert-red:#ef4444;--liked-bg:#fef2f2;--liked-border:#fecaca;--cta-card-border:#dbe6fe;--lang-chip-text:#475569;--online:#22c55e;--muted-grey:#94a3b8;--day-separator-bg:#e9eef5;--camera-tile-icon:#16a34a;--location-tile-bg:#fce7f3;--location-tile-icon:#db2777;--sell-bg:#eff4ff;--exchange-bg:#fef6e7;--exchange-text:#b45309;--free-bg:#eaf9f0;--free-text:#15803d;--search-row-divider:#eef1f6;--search-heart-idle:#cbd5e1;--viewer-divider:#f0f2f5;--account-card-selected-bg:#f5f8ff;--violet-tile-bg:#f3f0ff;--violet-tile-icon:#7c3aed;--account-info-border:#dbe6fe;--whatsapp:#25d366;--radius-m:12px;--radius-xl:20px;--radius-card:16px;--radius-cover:8px;--radius-sheet:24px;--radius-pill:9999px;--shadow-input:0 1px 2px rgba(15,23,42,0.06);--shadow-cover:0 1px 2px rgba(15,23,42,0.18);--shadow-card:0 1px 4px rgba(15,23,42,0.06);--shadow-primary-btn:0 4px 12px rgba(37,99,235,0.15);--shadow-surface:0 8px 24px rgba(15,23,42,0.06);--focus-ring:0 0 0 3px rgba(37,99,235,0.12);--search-bar-h:48px;--input-h:48px;--avatar:40px;--chat-avatar:48px;--alert-lead:44px;--action-btn-h:36px;--card-padding:16px;--chip-h:32px;--listing-chip-h:24px;--sidebar-w:248px;--topbar-h:72px;--feed-max-w:680px;--rail-w:320px;--inbox-w:340px;--info-w:300px;--gutter:28px;--descender-pad:0px}:lang(sd),:lang(ur){--descender-pad:0.35em}:lang(sd),:lang(ur),[lang=sd],[lang=ur]{font-family:SLA,NotoSansArabic,Inter,system-ui,-apple-system,sans-serif}.t-h2{font:600 20px/28px var(--font-stack);letter-spacing:-.2px}.t-h2,.t-search{color:var(--text-primary)}.t-search,.t-search-hint{font:400 15px/22px var(--font-stack)}.t-search-hint{color:var(--placeholder)}.t-count-strong{font:600 13px/18px var(--font-stack)}.t-count-strong,.t-price{color:var(--text-primary)}.t-price{font:700 15px/20px var(--font-stack)}.t-filter-chip{font:500 13px/18px var(--font-stack);color:var(--text-secondary)}.t-filter-chip-on{font:600 13px/18px var(--font-stack);color:#fff}.t-card-user{font:600 14px/20px var(--font-stack);color:var(--text-primary)}.t-card-meta{font:400 12px/16px var(--font-stack);color:var(--text-secondary)}.t-card-posted{font:500 12px/16px var(--font-stack);color:var(--placeholder)}.t-book-title{font:600 16px/22px var(--font-stack);color:var(--text-primary)}.t-book-author{font:400 13px/18px var(--font-stack);color:var(--text-secondary)}.t-listing-chip{font:600 12px/16px var(--font-stack)}.t-avatar-init{font:600 13px var(--font-stack);color:#fff}.t-action-btn{color:var(--text-primary)}.t-action-btn,.t-like-count{font:500 13px/18px var(--font-stack)}.t-like-count{color:var(--text-secondary)}.t-like-count-on{color:var(--alert-red)}.t-action-blue,.t-like-count-on{font:600 13px/18px var(--font-stack)}.t-action-blue{color:var(--primary)}.t-lang-chip{font:500 12px/16px var(--font-stack);color:var(--lang-chip-text)}.t-lang-chip-more{font:600 12px/16px var(--font-stack);color:var(--placeholder)}.t-cta-btn{font:600 13px/18px var(--font-stack);color:#fff}.t-nav{font:500 11px/14px var(--font-stack);color:var(--placeholder)}.t-nav-on{font:600 11px/14px var(--font-stack);color:var(--primary)}.t-chat-init{font:600 17px var(--font-stack);color:#fff}.t-chat-name{font:600 15px/20px var(--font-stack);color:var(--text-primary)}.t-chat-time{font:500 12px/16px var(--font-stack);color:var(--text-secondary)}.t-chat-time-un{font:600 12px/16px var(--font-stack);color:var(--primary)}.t-chat-preview{font:400 13px/18px var(--font-stack);color:var(--text-secondary)}.t-chat-preview-un{font:500 13px/18px var(--font-stack);color:var(--text-primary)}.t-chat-typing{font:italic 400 13px/18px var(--font-stack);color:var(--online)}.t-chat-book-chip{font:500 11px/16px var(--font-stack);color:var(--primary)}.t-chat-badge{font:600 11px/1 var(--font-stack);color:#fff}.t-convo-online{font:500 12px/16px var(--font-stack);color:var(--online)}.t-convo-banner{font:600 13px/18px var(--font-stack);color:var(--text-primary)}.t-bubble{font:400 14px/20px var(--font-stack)}.t-day-sep{font:600 11px/16px var(--font-stack);color:var(--text-secondary)}.t-profile-name{font:700 22px/28px var(--font-stack);color:var(--text-primary)}.t-profile-sect{font:600 15px/20px var(--font-stack);color:var(--text-primary)}.t-profile-about{font:400 14px/21px var(--font-stack);color:var(--text-secondary)}.t-profile-chip{font:500 13px/18px var(--font-stack);color:var(--text-primary)}.t-stat-value{font:700 18px/24px var(--font-stack);color:var(--text-primary)}.t-stat-label{font:500 11px/14px var(--font-stack);color:var(--text-secondary)}.t-detail-title{font:700 23px/30px var(--font-stack);color:var(--text-primary)}.t-detail-author{font:400 14px/20px var(--font-stack);color:var(--text-secondary)}.t-detail-label{font:400 13px/18px var(--font-stack);color:var(--text-secondary)}.t-detail-value{font:500 13px/18px var(--font-stack);color:var(--text-primary)}.t-price-hero{font:700 26px/32px var(--font-stack);color:var(--text-primary)}.t-lang-native-ur{font:600 15px/26px NotoNastaliqUrdu,NotoSansArabic,sans-serif;color:var(--text-primary)}.t-section-label{font:600 12px/16px var(--font-stack);letter-spacing:.4px;color:var(--text-secondary)}.t-sheet-title{font:700 17px/24px var(--font-stack);color:var(--text-primary)}.t-field-label{font:500 13px/18px var(--font-stack);color:var(--text-primary)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--background);color:var(--text-primary);font-family:var(--font-stack);-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{border:0;background:none;padding:0;cursor:pointer}button,input,textarea{font-family:inherit}img{max-width:100%;display:block}svg{width:18px;height:18px;flex:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:4px;padding:20px 14px 14px;background:var(--surface);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border)}.wordmark{display:flex;align-items:center;gap:9px;padding-inline:8px;-webkit-margin-after:18px;margin-block-end:18px;font:700 20px/1 var(--font-stack);letter-spacing:-.4px}.wordmark .mark{width:30px;height:30px;border-radius:9px;background:var(--primary);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-primary-btn)}.wordmark .mark svg{width:17px;height:17px}.btn-list-book{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:var(--radius-m);background:var(--primary);color:#fff;font:600 14px/1 var(--font-stack);box-shadow:var(--shadow-primary-btn);-webkit-margin-after:18px;margin-block-end:18px;transition:background .15s}.btn-list-book:hover{background:var(--primary-dark)}.btn-list-book svg{width:17px;height:17px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group+.nav-group{-webkit-margin-before:14px;margin-block-start:14px;-webkit-padding-before:14px;padding-block-start:14px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.nav-item{position:relative;display:flex;align-items:center;gap:12px;height:42px;padding-inline:12px;border-radius:10px;font:500 14px/1 var(--font-stack);color:var(--text-secondary);transition:background .12s,color .12s}.nav-item svg{width:19px;height:19px;flex:none}.nav-item:hover{background:var(--back-button-bg);color:var(--text-primary)}.nav-item.is-active{background:var(--tint-blue);color:var(--primary);font-weight:600}.nav-item.is-active:before{content:"";position:absolute;inset-inline-start:0;inset-block:9px;width:3px;border-start-end-radius:3px;border-end-end-radius:3px;background:var(--primary)}.nav-item .count{min-width:20px;height:20px;padding-inline:6px;border-radius:var(--radius-pill);background:var(--alert-red);color:#fff;font:600 11px/20px var(--font-stack);text-align:center}.nav-item .count,.nav-item .crown{-webkit-margin-start:auto;margin-inline-start:auto}.nav-item .crown{color:var(--pro)}.nav-item .crown svg{width:15px;height:15px}.nav-spacer{flex:1 1}.sidebar .pro-card{-webkit-margin-after:10px;margin-block-end:10px}.account{position:relative}.user-card{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface)}.account.is-open .user-card,.user-card:hover{background:var(--back-button-bg)}.account.is-open .user-card{border-color:var(--radio-border)}.user-card{width:100%;text-align:start}.user-card .meta{flex:1 1;min-width:0}.user-card .chev{flex:none;width:16px;height:16px;color:var(--placeholder);transition:transform .15s ease}.account.is-open .user-card .chev{transform:rotate(180deg)}.user-card.is-loading{cursor:default}.user-card.is-loading:hover{background:var(--surface)}.user-card .skel,.user-card .skel-line{background:var(--border);animation:krz-skel 1.4s ease-in-out infinite}.user-card .skel-line{display:block;height:10px;border-radius:5px;margin-block:3px 4px}.user-card .skel-line.short{width:60%}@keyframes krz-skel{0%,to{opacity:.55}50%{opacity:1}}.user-card .name{font:600 13px/17px var(--font-stack)}.user-card .name,.user-card .role{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-padding-after:var(--descender-pad);padding-block-end:var(--descender-pad)}.user-card .role{font:500 11px/15px var(--font-stack);color:var(--text-secondary)}.account-menu{position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:0;z-index:40;width:262px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 32px rgba(15,23,42,.16);opacity:0;transform:translateY(6px);visibility:hidden;transition:opacity .14s ease,transform .14s ease,visibility .14s}.account.is-open .account-menu{opacity:1;transform:none;visibility:visible}.account-menu .head{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;-webkit-margin-after:6px;margin-block-end:6px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.account-menu .head .meta{min-width:0}.account-menu .head .nm{display:block;font:600 14px/18px var(--font-stack);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-padding-after:var(--descender-pad);padding-block-end:var(--descender-pad)}.account-menu .head .sub{display:block;font:500 11px/15px var(--font-stack);color:var(--text-secondary)}.menu-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border-radius:9px;font:500 14px/1 var(--font-stack);color:var(--text-primary);text-align:start}.menu-item:hover{background:var(--back-button-bg)}.menu-sep{margin:6px 0}.menu-item svg{width:18px;height:18px;color:var(--text-secondary);flex:none}.menu-item .lbl{flex:1 1;min-width:0}.menu-item .val{font:500 12px/1 var(--font-stack);color:var(--text-secondary)}.menu-item .chev{width:15px;height:15px;color:var(--placeholder)}.menu-item.pro svg{color:var(--pro)}.menu-item.danger,.menu-item.danger svg{color:var(--alert-red)}.menu-item.danger:hover{background:var(--liked-bg)}.menu-sep{height:1px;background:var(--border);margin:6px 4px}.account-menu.show-lang .menu-main,.menu-lang{display:none}.account-menu.show-lang .menu-lang{display:block}.menu-back{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;-webkit-margin-after:4px;margin-block-end:4px;border-radius:9px;font:600 13px/1 var(--font-stack);color:var(--text-primary)}.menu-back:hover{background:var(--back-button-bg)}.menu-back svg,.menu-item .tick{width:16px;height:16px}.menu-item .tick{color:var(--primary)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;min-height:var(--topbar-h);padding-inline:var(--gutter);padding-block:12px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.topbar-inner>.topbar-main{grid-column:2;min-width:0}.search-row{display:flex;align-items:center;gap:12px}.search-row>.search{flex:1 1;min-width:0}.btn-search{flex:none;display:flex;align-items:center;justify-content:center;gap:7px;width:0;opacity:0;-webkit-margin-start:-12px;margin-inline-start:-12px;height:var(--search-bar-h);border-radius:var(--radius-m);background:var(--primary);color:#fff;font:600 14px/1 var(--font-stack);white-space:nowrap;overflow:hidden;box-shadow:var(--shadow-primary-btn);transition:width .18s ease,opacity .14s ease,background .15s,-webkit-margin-start .18s ease;transition:width .18s ease,opacity .14s ease,margin-inline-start .18s ease,background .15s;transition:width .18s ease,opacity .14s ease,margin-inline-start .18s ease,background .15s,-webkit-margin-start .18s ease}.btn-search svg{width:17px;height:17px}.search-row:focus-within .btn-search{width:112px;opacity:1;-webkit-margin-start:0;margin-inline-start:0}.btn-search:hover{background:var(--primary-dark)}.search-dim{position:fixed;inset:0;z-index:95;background:rgba(15,23,42,.28);opacity:0;pointer-events:none;transition:opacity .18s ease}body:has(.search-row:focus-within) .search-dim{opacity:1;pointer-events:auto}body:has(.search-dim) .topbar:focus-within{z-index:96;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-block-end-color:transparent;pointer-events:none}body:has(.search-dim) .topbar:focus-within .search-row{pointer-events:auto}.search-row:focus-within .search{border-color:var(--primary);box-shadow:var(--focus-ring),0 10px 28px rgba(15,23,42,.22)}.topbar h1{margin:0;font:600 20px/28px var(--font-stack);letter-spacing:-.2px}.topbar .grow{flex:1 1}.page{padding:var(--gutter)}.home-layout,.topbar-inner{display:grid;-webkit-margin-start:calc(-1 * (var(--sidebar-w) + var(--gutter)));margin-inline-start:calc(-1 * (var(--sidebar-w) + var(--gutter)));width:calc(100% + var(--sidebar-w) + var(--gutter));grid-template-columns:minmax(calc(var(--sidebar-w) + var(--gutter)),1fr) minmax(0,var(--feed-max-w)) minmax(var(--rail-w),1fr);grid-gap:24px;gap:24px;align-items:start}.home-layout>.feed{grid-column:2}.home-layout>.rail{grid-column:3;justify-self:end;width:var(--rail-w)}.feed{display:flex;flex-direction:column;gap:16px}.feed-head{display:flex;align-items:center;gap:8px}.feed-head .t-h2{flex:1 1;margin:0}.rail{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-h) + 16px);max-height:calc(100vh - var(--topbar-h) - 40px);overflow-y:auto;overscroll-behavior:contain}@media (max-width:1180px){.home-layout,.topbar-inner{-webkit-margin-start:0;margin-inline-start:0;width:auto;grid-template-columns:minmax(0,var(--feed-max-w));justify-content:center}.home-layout>.feed,.topbar-inner>.topbar-main{grid-column:1}.rail{display:none}}@media (min-width:1181px){.topbar .filters-trigger{display:none}}.chat-layout{display:grid;grid-template-columns:var(--inbox-w) minmax(0,1fr) var(--info-w);height:100vh;height:100dvh;overflow:hidden}@media (max-width:1300px){.chat-layout{grid-template-columns:var(--inbox-w) minmax(0,1fr)}.chat-layout>.info-pane{display:none}}@media (max-width:980px){.chat-layout{grid-template-columns:minmax(0,1fr)}.chat-layout>.inbox{display:none}}.inbox{display:flex;flex-direction:column;min-height:0;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);background:var(--surface)}.inbox-scroll{flex:1 1;overflow-y:auto;min-height:0}.thread{display:flex;flex-direction:column;min-height:0;background:var(--background)}.thread-scroll{flex:1 1;padding:18px var(--gutter)}.info-pane,.thread-scroll{overflow-y:auto;min-height:0}.info-pane{display:flex;flex-direction:column;background:var(--surface);-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.detail-layout{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:36px;gap:36px;align-items:start;max-width:1100px}.detail-aside{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-h) + 16px);display:flex;flex-direction:column;gap:14px}@media (max-width:1020px){.detail-layout{grid-template-columns:minmax(0,1fr);gap:24px}.detail-aside{position:static}.detail-aside .detail-cover{width:100%;max-width:340px;margin-inline:auto}}.solo-layout,.solo-top{--col:720px;display:grid;-webkit-margin-start:calc(-1 * (var(--sidebar-w) + var(--gutter)));margin-inline-start:calc(-1 * (var(--sidebar-w) + var(--gutter)));width:calc(100% + var(--sidebar-w) + var(--gutter));grid-template-columns:minmax(calc(var(--sidebar-w) + var(--gutter)),1fr) minmax(0,var(--col)) minmax(0,1fr);grid-gap:24px;gap:24px}.solo-layout>*,.solo-top>*{grid-column:2;min-width:0}@media (max-width:1180px){.solo-layout,.solo-top{-webkit-margin-start:0;margin-inline-start:0;width:auto;grid-template-columns:minmax(0,var(--col));justify-content:center}.solo-layout>*,.solo-top>*{grid-column:1}}.topbar-full{max-width:1440px}.column{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:10px}.column-wide{max-width:1100px;margin-inline:auto}.mockbar{position:fixed;inset-block-end:18px;inset-inline-start:18px;z-index:200;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:var(--radius-pill);background:var(--text-primary);box-shadow:var(--shadow-surface)}.mockbar span{font:600 10px/1 var(--font-stack);letter-spacing:.6px;color:#64748b;text-transform:uppercase;padding-inline:4px}.mockbar button{padding:5px 11px;border-radius:var(--radius-pill);font:600 12px/1 var(--font-stack);color:#cbd5e1}.mockbar button:hover{color:#fff}.mockbar button.is-active{background:var(--primary);color:#fff}