:root{--o-50:#fff4f1;--o-100:#ffe7e0;--o-200:#ffcfc0;--o-400:#ed8f71;--o-500:#d97757;--o-600:#ba5d3f;--o-700:#994b31;--card:#fff;--bg:#fcf9f7;--surface:#f3efec;--border:#ebe6e2;--muted:#6e6660;--text:#221d18;--success:#22a06b;--danger:#dc5454;--radius:16px;--font:"IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}body{font-variant-numeric:tabular-nums}a{color:var(--text)}a:hover{color:var(--o-700)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.ltr{direction:ltr;unicode-bidi:isolate}.shell{min-height:100vh;display:flex}.main{flex-direction:column;flex:1;gap:16px;min-width:0;padding:48px 20px 110px;display:flex}.main.narrow{width:100%;max-width:560px;margin-inline:auto}.content{flex-direction:column;gap:16px;width:100%;max-width:1180px;margin-inline:auto;display:flex}.tabbar{inset-inline:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);z-index:20;justify-content:space-around;display:flex;position:fixed;bottom:0}.tab{min-width:72px;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding-top:4px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.tab .pill{border-radius:999px;justify-content:center;align-items:center;width:56px;height:30px;display:flex}.tab[data-status=active]{color:var(--text);font-weight:600}.tab[data-status=active] .pill{background:var(--o-100);color:var(--o-600)}.rail{display:none}@media (width>=768px){.tabbar{display:none}.main{gap:20px;padding:40px 32px}.rail{background:var(--card);border-inline-end:1px solid var(--border);flex-direction:column;flex:none;align-items:center;gap:8px;width:96px;height:100vh;padding:40px 8px 24px;display:flex;position:sticky;top:0}.rail .logo{background:var(--o-100);width:44px;height:44px;color:var(--o-600);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.rail .tab{width:80px;font-size:12px}.rail .tab .pill{height:32px}.rail .label-long,.rail .user-card,.rail .spacer{display:none}}@media (width>=1100px){.rail{align-items:stretch;gap:4px;width:240px;padding:28px 16px}.rail .logo{width:40px;height:40px;margin:0 8px 24px}.rail .tab{width:auto;height:44px;color:var(--text);border-radius:999px;flex-direction:row;gap:12px;padding:0 12px;font-size:15px}.rail .tab .pill{width:auto;height:auto;background:0 0!important}.rail .tab[data-status=active]{background:var(--o-100)}.rail .label-short{display:none}.rail .label-long{display:inline}.rail .spacer{flex:1;display:block}.rail .user-card{display:flex}.main{padding:32px clamp(16px,4vw,48px) 48px}}.user-card{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:10px;text-decoration:none}.avatar{background:var(--o-100);border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.avatar.lg{width:72px;height:72px;font-size:28px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page-head h1{font-size:30px;font-weight:700;line-height:38px}.page-head p{font-size:14px;line-height:20px}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.topbar h1{font-size:17px;font-weight:700}.icon-btn{background:var(--card);border:1px solid var(--border);width:44px;height:44px;color:var(--text);border-radius:999px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn{background:var(--o-500);height:52px;color:var(--text);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}.btn.ghost{background:var(--card);border:1.5px solid var(--border)}.btn.small{height:44px;padding:0 18px;font-size:15px}.btn.danger{background:var(--card);border:1.5px solid var(--border);color:var(--danger)}.link-btn{color:var(--o-700);background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.count{background:var(--card);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.section-title{align-items:center;gap:8px;display:flex}.section-title h2{font-size:17px;font-weight:700;line-height:24px}.field{flex-direction:column;gap:8px;display:flex}.field>label,.field>.label{font-size:14px;font-weight:600}.field .hint{color:var(--muted);font-size:13px}.input{background:var(--card);border:1.5px solid var(--border);border-radius:14px;outline:none;width:100%;height:52px;padding:0 16px;font-size:16px}.input:focus{border-color:var(--o-600)}textarea.input{resize:vertical;height:96px;padding:12px 16px}.input-group{background:var(--card);border:1.5px solid var(--border);border-radius:14px;align-items:center;height:56px;display:flex;overflow:hidden}.input-group:focus-within{border-color:var(--o-600)}.input-group input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 16px;font-size:17px}.input-group select{border:0;border-inline-start:1px solid var(--border);background:var(--surface);height:100%;padding:0 10px;font-size:14px;font-weight:600}.error-text{color:var(--danger);font-size:14px}.chips{scrollbar-width:none;gap:8px;margin-inline:-20px;padding-inline:20px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}@media (width>=768px){.chips{flex-wrap:wrap;margin:0;padding:0}}.chip{background:var(--card);border:1px solid var(--border);border-radius:999px;flex:none;height:36px;padding:0 16px;font-size:14px;font-weight:500}.chip[aria-pressed=true]{background:var(--o-100);border:1.5px solid var(--o-600);font-weight:600}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg .chip{height:40px}.paste{background:var(--card);border:1.5px solid var(--o-500);border-radius:var(--radius);height:60px;color:var(--o-600);align-items:center;gap:10px;padding-inline:16px 8px;display:flex;box-shadow:0 6px 20px #d9775724}.paste input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:500}.paste .btn{height:44px;padding:0 20px;font-size:15px}@media (width>=768px){.paste{height:64px}}.banner{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.banner.warn{background:var(--o-50);border-color:var(--o-200)}.banner .grow{flex:1}.toast{inset-inline:16px;background:var(--text);color:#fff;z-index:30;border-radius:14px;align-items:center;gap:10px;max-width:420px;margin-inline:auto;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:96px;box-shadow:0 8px 24px #0000002e}.toast .link-btn{color:var(--o-200)}.toast .grow{flex:1}@media (width>=768px){.toast{bottom:24px}}.items{flex-direction:column;gap:10px;display:flex}@media (width>=768px){.items{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}}.item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.item:hover{color:var(--text);border-color:var(--o-200)}.thumb{background:var(--o-50);width:96px;height:96px;color:var(--o-400);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:contain;background:#fff;width:100%;height:100%}.thumb.sm{background:var(--surface);width:56px;height:56px;overflow:visible}.thumb.sm img{border-radius:12px}.item .body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.item .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:22px;display:-webkit-box;overflow:hidden}.item .store{color:var(--muted);font-size:13px;line-height:18px}.item .meta-row{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.price{font-size:16px;font-weight:700;line-height:22px}.price small{font-size:12px;font-weight:600}.badge{background:var(--o-100);border-radius:999px;flex:none;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.new{background:var(--o-500)}.badge.ok{color:#146c47;background:#e3f5ec}.got-mark{bottom:-4px;background:var(--success);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;inset-inline-start:-4px}.list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.list>a,.list>.row{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.list>:last-child{border-bottom:0}.list .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list .t{font-size:14px;font-weight:500;line-height:20px}.list .s{color:var(--muted);font-size:12px;line-height:16px}.collapse{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:start;align-items:center;gap:12px;width:100%;height:56px;padding:0 16px;display:flex}.collapse span.grow{flex:1;font-size:15px;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--surface), #faf7f5, var(--surface));background-size:200% 100%;border-radius:6px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats{display:none}@media (width>=1100px){.stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat{flex-direction:column;gap:2px;padding:18px 20px;display:flex}.stat .k{color:var(--muted);font-size:14px;font-weight:500}.stat .v{font-size:28px;font-weight:700;line-height:36px}}.view-toggle{display:none}@media (width>=1100px){.view-toggle{background:var(--surface);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.view-toggle button{background:0 0;border:0;border-radius:999px;height:32px;padding:0 14px;font-size:14px;font-weight:500}.view-toggle button[aria-pressed=true]{background:var(--card);font-weight:600;box-shadow:0 1px 2px #0000000f}}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.table{border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:14px;overflow:hidden}.table th{text-align:start;color:var(--muted);border-bottom:1px solid var(--border);background:#fdfbfa;padding:12px 14px;font-size:13px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.table tr:last-child td{border-bottom:0}.table tr.group td{background:var(--surface);font-weight:700}.table .prod{align-items:center;gap:10px;text-decoration:none;display:flex}.table .prod .thumb{border-radius:10px;width:44px;height:44px}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 12px;display:flex}.empty .art{background:var(--o-100);width:96px;height:96px;color:var(--o-600);border-radius:28px;justify-content:center;align-items:center;display:flex}.empty h2{font-size:20px;font-weight:700}.steps{text-align:start;flex-direction:column;gap:10px;width:100%;max-width:360px;margin-top:8px;display:flex}.steps li{align-items:center;gap:12px;padding:12px;display:flex}.steps .n{background:var(--o-100);border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.auth{min-height:100vh;padding:56px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:24px;max-width:480px;margin-inline:auto;display:flex}.auth h1{font-size:28px;font-weight:700;line-height:36px}.auth .lead{color:var(--muted);font-size:15px;line-height:24px}.auth .grow{flex:1}.auth .legal{color:var(--muted);text-align:center;font-size:12px;line-height:18px}.otp{direction:ltr;justify-content:center;gap:12px;display:flex}.otp input{text-align:center;border:1.5px solid var(--border);background:var(--card);border-radius:16px;outline:none;width:64px;height:72px;font-size:28px;font-weight:700}.otp input:focus{border-color:var(--o-600)}.otp.bad input{border-color:var(--danger);background:#fdf1f1}.dev-code{background:var(--surface);color:var(--muted);border-radius:12px;padding:10px 12px;font-size:13px}.interest-grid{flex-wrap:wrap;gap:10px;display:flex}.interest-grid .chip{height:44px;padding:0 18px;font-size:15px}.detail{flex-direction:column;gap:20px;display:flex}.hero{aspect-ratio:4/3;background:var(--o-50);color:var(--o-400);border-radius:20px;justify-content:center;align-items:center;display:flex;overflow:hidden}.hero img{object-fit:contain;background:#fff;width:100%;height:100%}@media (width>=900px){.detail.two{grid-template-columns:1fr 1fr;align-items:start;display:grid}}.lib-card{align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.lib-card .previews{gap:4px;display:flex}.lib-card .previews span{background:var(--o-50);border-radius:10px;width:40px;height:40px;overflow:hidden}.lib-card .previews img{object-fit:cover;width:100%;height:100%}.prose{font-size:15px;line-height:1.9}.prose h2{margin:20px 0 6px;font-size:18px}.prose p,.prose li{color:#3b342e}.hide-below-desktop{display:none}@media (width<=767px){.hide-mobile{display:none}}@media (width>=1100px){.hide-below-desktop{display:block}.hide-desktop{display:none!important}}@media (width>=768px){[role=dialog]{align-items:center!important}[role=dialog]>.card{border-radius:24px!important}}.add-friend{gap:8px;display:flex}.add-friend .input-group{flex:1;min-width:0}.add-friend .btn{flex:none;height:56px}.req-section{flex-direction:column;gap:8px;display:flex}.req-row{align-items:center;gap:10px;padding:12px 14px;display:flex}.req-row .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.req-row .grow b{font-size:15px}.req-row .grow .muted{font-size:13px}.tab .pill{position:relative}.tab .badge{top:-2px;background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;inset-inline-end:8px}.rail .tab .badge{margin-inline-start:auto;position:static}