[hidden]{display:none!important}
/* Layout: two-row header (brand · search · language · account / section nav) over a fixed northern-landscape scene.
   Media pages: centered 1200px column, editorial grid. Marketplace (.mk): graphite workspace with light product cards.
   Cabinets (account / seller / admin): side menu + working area. Logical properties throughout so Persian (RTL) mirrors cleanly. */
:root{
  color-scheme:dark;
  --bg:#050404; --bg-2:#0B0909; --panel:#151111; --panel-2:#1C1616; --panel-3:#272020;
  --line:#3B1E22; --line-soft:#2A2224; --line-strong:#5A2A30;
  --fg:#EDE7E3; --muted:#A99D98; --faint:#7A6D6C;
  --wine:#6E111C; --red:#A31B2A; --red-hi:#F0623E; --red-ink:#FFF4F2; --glow:rgba(255,92,32,.36); --ember:#FF7A2E;
  --silver:#C9CED3; --steel:#8E98A2; --brown:#3A251E; --wood:#24170F;
  --ok:#6DB07C; --ok-soft:rgba(109,176,124,.14); --warn:#D4A04A; --warn-soft:rgba(212,160,74,.14);
  --danger:#EA6258; --danger-soft:rgba(234,98,88,.14); --info:#8FB0CF; --info-soft:rgba(143,176,207,.14);
  --overlay:rgba(4,2,2,.72); --shadow:0 10px 30px rgba(0,0,0,.45); --shadow-pop:0 18px 50px rgba(0,0,0,.65),0 0 0 1px var(--line);
  /* marketplace sub-system */
  --mk-bg:#17191C; --mk-panel:#202327; --mk-panel-2:#2A2E33; --mk-line:#353A40; --mk-card:#F2EFEB; --mk-card-2:#E6E1DB; --mk-ink:#1A1517; --mk-ink-2:#625856; --mk-accent:#8E1A27; --mk-accent-hi:#B02535;
  --fg-soft:#DED6D2; --card-a:rgba(26,20,20,.92); --card-b:rgba(18,14,14,.94); --field:rgba(10,8,8,.6); --glass:rgba(21,17,17,.75); --hover:rgba(42,32,32,.55); --chat-bg:rgba(8,6,6,.5);
  --modal-a:#1C1616; --modal-b:#141010; --toast:#221A1A; --toast-fg:#EDE7E3; --hdr-a:rgba(43,28,20,.92); --hdr-b:rgba(24,16,12,.94); --grain:rgba(255,255,255,.018); --grain2:rgba(0,0,0,.25);
  --word-a:#F2F4F6; --word-b:#AEB6BE; --word-c:#E3E6E9; --ov1:rgba(4,3,3,.72); --ov2:rgba(4,3,3,.86); --ov3:rgba(4,3,3,.93); --ov4:rgba(4,3,3,.96); --scene-bg:#030202;
  --red-soft-fg:#F08A92; --tagred-bg:rgba(163,27,42,.18); --mk-line-hi:#5A6068; --mk-fg:#EDEFF1; --mk-muted:#9AA1A8; --mk-field:#111315;
  --f-display:'Forum','Golos Text',Georgia,serif;
  --f-body:'Golos Text',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-s:6px; --r-m:10px; --r-l:14px; --r-pill:999px;
  --hdr:116px; --ease:cubic-bezier(.2,.7,.2,1);
}
:root[data-pv-theme="light"]{color-scheme:light;
  --bg:#F3EFEB; --bg-2:#EDE7E2; --panel:#FFFFFF; --panel-2:#F5F0EC; --panel-3:#EAE2DC; --line:#E3D2D1; --line-soft:#EDE3E0; --line-strong:#D2B9BA;
  --fg:#1B1314; --muted:#5F514F; --faint:#857673; --fg-soft:#2E2526;
  --wine:#7A1420; --red:#A31B2A; --red-hi:#B8341F; --red-ink:#FFF7F5; --glow:rgba(214,74,30,.22); --ember:#D9541F;
  --silver:#4C5560; --steel:#6A7581; --brown:#E6D8CF; --wood:#EFE4DA;
  --ok:#2E7D45; --ok-soft:rgba(46,125,69,.12); --warn:#94600E; --warn-soft:rgba(148,96,14,.12); --danger:#B6352B; --danger-soft:rgba(182,53,43,.1); --info:#2F5E8A; --info-soft:rgba(47,94,138,.1);
  --overlay:rgba(40,24,22,.42); --shadow:0 10px 30px rgba(60,30,20,.12); --shadow-pop:0 18px 50px rgba(60,30,20,.2),0 0 0 1px var(--line);
  --card-a:rgba(255,255,255,.96); --card-b:rgba(252,249,247,.97); --field:#FFFFFF; --glass:rgba(255,255,255,.88); --hover:rgba(163,27,42,.05); --chat-bg:rgba(246,241,237,.8);
  --modal-a:#FFFFFF; --modal-b:#FAF6F3; --toast:#2A1F20; --toast-fg:#F6EEEB; --hdr-a:rgba(255,252,249,.95); --hdr-b:rgba(246,239,233,.96); --grain:rgba(120,70,40,.035); --grain2:rgba(120,70,40,.05);
  --word-a:#2A2E34; --word-b:#6D7680; --word-c:#2D3238; --ov1:rgba(243,239,235,.8); --ov2:rgba(243,239,235,.9); --ov3:rgba(243,239,235,.95); --ov4:rgba(243,239,235,.97); --scene-bg:#F3EFEB;
  --red-soft-fg:#A31B2A; --tagred-bg:rgba(163,27,42,.09);
  --mk-bg:#E7E8EA; --mk-panel:#F7F7F8; --mk-panel-2:#EEEFF1; --mk-line:#D2D5D9; --mk-line-hi:#9AA0A7; --mk-fg:#1D2024; --mk-muted:#5E656D; --mk-field:#FFFFFF}
/* image/video-backed blocks keep light-on-dark text in both themes */
.hero-main,.brandreel,.auth-art{--panel:#151111;--panel-2:#1C1616;--panel-3:#272020;--line:#3B1E22;--line-strong:#5A2A30;--card-a:#120E0E;--card-b:#0E0A0A;--fg:#F3EDE9;--muted:#CFC4BF;--faint:#B3A6A1;--word-a:#F2F4F6;--word-b:#AEB6BE;--word-c:#E3E6E9;--steel:#9AA3AC;color:var(--fg)}
:root[lang="fa"]{--f-display:'Vazirmatn',system-ui,sans-serif;--f-body:'Vazirmatn',system-ui,sans-serif}
*{box-sizing:border-box}
html,body{min-height:100%}
body{background:var(--bg);color:var(--fg);font:400 15px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
a{color:var(--red-hi);text-decoration:none}
h1,h2,h3,h4{margin:0;line-height:1.18;text-wrap:balance;font-weight:400}
p{margin:0}
:focus-visible{outline:2px solid var(--red-hi);outline-offset:2px;border-radius:4px}
.ico{flex:none;display:block}
[dir="rtl"] .flip{transform:scaleX(-1)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)} .faint{color:var(--faint)}
.row{display:flex;align-items:center;gap:8px}
.col{display:flex;flex-direction:column;gap:8px}
.grow{flex:1;min-width:0}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrap{flex-wrap:wrap}
.eyebrow{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
:root[lang="fa"] .eyebrow{letter-spacing:0;font-size:12.5px}
.display{font-family:var(--f-display);letter-spacing:.01em}
.hidden{display:none!important}

/* ---------- atmospheric scene ---------- */
#scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--scene-bg)}
#scene svg{position:absolute;inset-inline:0;bottom:0;width:100%;height:100%}
#scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ov1) 0%,var(--ov2) 34%,var(--ov3) 70%,var(--ov4) 100%)}
#scene .lava{position:absolute;inset:-3%;background:#0A0707 url(/assets/lava.jpg) center/cover no-repeat;animation:lavaglow 7s ease-in-out infinite alternate}
@keyframes lavaglowDark{from{filter:brightness(.55) saturate(.95)}to{filter:brightness(.72) saturate(1.05)}}
:root:not([data-pv-theme="light"]) #scene .lava{animation-name:lavaglowDark}
:root:not([data-pv-theme="light"]) #scene .embers{opacity:.45}
@keyframes lavaglow{from{filter:brightness(.9) saturate(1)}to{filter:brightness(1.2) saturate(1.15)}}
#scene .embers{position:absolute;inset:0;background:radial-gradient(1.5px 1.5px at 12% 80%,#FF8A3D,transparent),radial-gradient(1.5px 1.5px at 38% 70%,#FF5A2A,transparent),radial-gradient(2px 2px at 64% 86%,#FFB15A,transparent),radial-gradient(1.5px 1.5px at 82% 74%,#FF6A2E,transparent),radial-gradient(1px 1px at 52% 92%,#FFD08A,transparent);animation:embers 14s linear infinite;opacity:.8}
@keyframes embers{from{transform:translateY(0)}to{transform:translateY(-55vh);opacity:0}}
.calm #scene::after{background:var(--bg)}
.fog{animation:fogdrift 60s linear infinite alternate}
@keyframes fogdrift{to{transform:translateX(-6%)}}

/* ---------- ornament ---------- */
.orn{height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M7 1 13 7 7 13 1 7Z' fill='none' stroke='%237A1A26' stroke-width='1.2'/%3E%3Cpath d='M7 4.5 9.5 7 7 9.5 4.5 7Z' fill='%23A31B2A'/%3E%3Cpath d='M14 7h14' stroke='%23463237' stroke-width='1'/%3E%3Ccircle cx='21' cy='7' r='1.3' fill='%238E98A2'/%3E%3C/svg%3E") repeat-x center/28px 14px;opacity:.9}
.orn-title{display:flex;align-items:center;gap:14px}
.orn-title::before,.orn-title::after{content:"";flex:1;height:14px;background:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M7 1 13 7 7 13 1 7Z' fill='none' stroke='%235A1A24' stroke-width='1.2'/%3E%3Cpath d='M14 7h14' stroke='%23382A2D' stroke-width='1'/%3E%3C/svg%3E") repeat-x center/28px 14px}
.orn-title::before{max-width:40px}
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-block-end:16px;flex-wrap:wrap;row-gap:8px}
.sec-h h2{font-family:var(--f-display);font-size:26px;letter-spacing:.02em;display:flex;align-items:center;gap:12px}
.sec-h h2::before{content:"";width:10px;height:10px;transform:rotate(45deg);border:1.5px solid var(--red);box-shadow:0 0 10px var(--glow);flex:none}
.wood{background:linear-gradient(180deg,var(--hdr-a),var(--hdr-b)),repeating-linear-gradient(92deg,var(--grain) 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,var(--grain2) 0 1px,transparent 1px 23px)}

/* ---------- buttons ---------- */
.btn{--h:40px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 18px;border-radius:var(--r-s);font-weight:600;font-size:14px;white-space:nowrap;transition:background .18s,color .18s,box-shadow .2s,transform .1s,opacity .15s,border-color .18s;border:1px solid transparent;user-select:none;letter-spacing:.01em}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.42;cursor:not-allowed}
.btn.sm{--h:32px;padding:0 12px;font-size:13px}
.btn.lg{--h:48px;padding:0 24px;font-size:15px}
.btn.block{width:100%}
.btn.icon{width:var(--h);padding:0}
.btn-primary{background:linear-gradient(180deg,#B3202F,#8A1622);color:var(--red-ink);border-color:#C02C3A;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.btn-primary:hover:not(:disabled){box-shadow:0 0 0 1px #D23A45,0 0 22px var(--glow),inset 0 1px 0 rgba(255,255,255,.14)}
.btn-secondary{background:var(--panel-2);border-color:var(--line-strong);color:var(--fg)}
.btn-secondary:hover:not(:disabled){border-color:var(--red);box-shadow:0 0 14px rgba(196,32,48,.18)}
.btn-ghost{color:var(--muted)}
.btn-ghost:hover:not(:disabled){background:var(--panel-2);color:var(--fg)}
.btn-metal{background:linear-gradient(180deg,#D9DDE1,#9BA3AB);color:#141012;border-color:#E6E9EC}
.btn-metal:hover:not(:disabled){box-shadow:0 0 18px rgba(201,206,211,.25)}
.btn-danger{background:var(--danger);color:#1A0606}
.btn-danger-soft{background:var(--danger-soft);color:var(--danger);border-color:rgba(234,98,88,.3)}
.btn-ok{background:var(--ok);color:#0B1A0F}
.btn.is-loading{color:transparent!important;pointer-events:none}
.btn.is-loading::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--red-ink);border-inline-end-color:transparent;border-block-end-color:transparent;animation:spin .7s linear infinite}
.btn-secondary.is-loading::after,.btn-ghost.is-loading::after{border-color:var(--red-hi);border-inline-end-color:transparent;border-block-end-color:transparent}
.btn.is-success{background:var(--ok)!important;color:#0B1A0F!important;border-color:transparent;box-shadow:none}
.btn.is-error{background:var(--danger)!important;color:#1A0606!important;animation:shake .3s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.iconbtn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-s);color:var(--muted);transition:background .15s,color .15s,box-shadow .2s}
.iconbtn:hover{background:var(--panel-2);color:var(--fg)}
.iconbtn.sm{width:32px;height:32px}
.iconbtn.on{color:var(--red-hi)}
.dotbadge{position:absolute;top:3px;inset-inline-end:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:var(--red-ink);font-size:10.5px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 10px var(--glow);font-variant-numeric:tabular-nums;animation:badgein .4s var(--ease)}
@keyframes badgein{from{transform:scale(.4);opacity:0}}
.linkbtn{color:var(--red-hi);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.linkbtn:hover{text-decoration:underline}

/* ---------- forms ---------- */
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field>label,.flabel{font-size:13px;font-weight:600;color:var(--fg)}
.input,.select,.textarea{width:100%;height:44px;padding:0 14px;border-radius:var(--r-s);border:1px solid var(--line-strong);background:var(--field);transition:border-color .15s,box-shadow .15s;outline:none}
.textarea{height:auto;min-height:96px;padding:11px 14px;resize:vertical;line-height:1.55}
.input:hover,.select:hover,.textarea:hover{border-color:#7A3A42}
.input:focus,.select:focus,.textarea:focus{border-color:var(--red-hi);box-shadow:0 0 0 3px rgba(196,32,48,.22)}
.input:disabled,.select:disabled{opacity:.55;cursor:not-allowed}
.is-error .input,.input.is-error,.is-error .textarea,.textarea.is-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}
.is-ok .input{border-color:var(--ok)}
.hint{font-size:12.5px;color:var(--muted)}
.err{font-size:12.5px;color:var(--danger);font-weight:600}
.okmsg{font-size:12.5px;color:var(--ok);font-weight:600}
.inwrap{position:relative}
.inwrap .input{padding-inline-end:46px}
.inwrap .suffix{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%)}
.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px}
.check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--red)}
.toggle{position:relative;display:inline-block;vertical-align:middle;width:42px;height:24px;flex:none}
.toggle input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0;z-index:1}
.toggle span{position:absolute;inset:0;border-radius:12px;background:var(--panel-3);border:1px solid var(--line-strong);transition:background .2s;pointer-events:none}
.toggle span::after{content:"";position:absolute;inset-inline-start:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#E9ECEF;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s var(--ease)}
.toggle input:checked+span{background:var(--red);border-color:#C02C3A;box-shadow:0 0 12px var(--glow)}
.toggle input:checked+span::after{transform:translateX(18px)}
[dir="rtl"] .toggle input:checked+span::after{transform:translateX(-18px)}
.toggle input:disabled+span{opacity:.4}
.toggle input:focus-visible+span{outline:2px solid var(--red-hi);outline-offset:2px}

/* ---------- chips / tabs ---------- */
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-block-end:2px}
.chips.scroll::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--glass);font-weight:500;font-size:13.5px;white-space:nowrap;transition:all .15s;color:var(--muted)}
.chip:hover{border-color:var(--red);color:var(--fg)}
.chip.on{background:var(--red);border-color:#C02C3A;color:var(--red-ink);box-shadow:0 0 14px var(--glow)}
.chip.sm{height:28px;padding:0 10px;font-size:12.5px}
.tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:var(--r-s);background:var(--panel-3);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.tag.red{background:var(--tagred-bg);color:var(--red-soft-fg);border-color:rgba(163,27,42,.4)}
.tag.ok{background:var(--ok-soft);color:var(--ok)}
.tag.warn{background:var(--warn-soft);color:var(--warn)}
.tag.danger{background:var(--danger-soft);color:var(--danger)}
.tag.info{background:var(--info-soft);color:var(--info)}
.tag.silver{background:rgba(201,206,211,.1);color:var(--silver);border-color:rgba(201,206,211,.25)}
.seg{display:flex;gap:2px;padding:3px;border-radius:var(--r-m);background:var(--glass);border:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:1;height:34px;padding:0 14px;border-radius:7px;font-weight:600;font-size:13.5px;color:var(--muted);white-space:nowrap;transition:all .15s}
.seg button:hover{color:var(--fg)}
.seg button.on{background:var(--panel-3);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong),0 0 12px rgba(196,32,48,.15)}
.tabs{display:flex;gap:2px;border-block-end:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;padding:12px 14px;font-weight:600;color:var(--muted);white-space:nowrap}
.tabs button:hover{color:var(--fg)}
.tabs button.on{color:var(--fg)}
.tabs button.on::after{content:"";position:absolute;inset-inline:12px;bottom:-1px;height:2px;background:var(--red-hi);box-shadow:0 0 10px var(--glow)}
.tabs .cnt{margin-inline-start:6px;color:var(--faint);font-weight:500}

/* ---------- avatars ---------- */
.av{--s:40px;position:relative;width:var(--s);height:var(--s);border-radius:50%;flex:none;display:grid;place-items:center;color:#F2E9E6;font-weight:700;font-size:calc(var(--s)*.36)}
.av>.in{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.av img{width:100%;height:100%;object-fit:cover}
.av.xs{--s:24px}.av.s{--s:32px}.av.m{--s:44px}.av.l{--s:64px}.av.xl{--s:112px}
.av .on-dot{position:absolute;inset-inline-end:0;bottom:0;width:calc(var(--s)*.28);height:calc(var(--s)*.28);min-width:10px;min-height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--panel)}
.verified{display:inline-block;vertical-align:-3px;color:var(--silver)}
.uname{font-weight:700;color:var(--fg)}
.uname:hover{color:var(--red-hi)}
.slogo{--s:44px;width:var(--s);height:var(--s);border-radius:var(--r-m);flex:none;display:grid;place-items:center;font-family:var(--f-display);font-size:calc(var(--s)*.42);color:#F3ECE8;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.slogo.s{--s:32px;border-radius:8px}.slogo.l{--s:72px;border-radius:16px}.slogo.xl{--s:96px;border-radius:20px}
.slogo::after{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid rgba(255,255,255,.14)}

/* ---------- header ---------- */
.hdr{position:fixed;top:0;inset-inline:0;z-index:40;padding-top:env(safe-area-inset-top,0px);border-block-end:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.hdr-in{max-width:1240px;margin:0 auto;padding-inline:20px}
.hdr-top{height:64px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}
.brand{display:flex;align-items:center;gap:12px;color:var(--fg)}
.brand .logo-img{width:46px;height:auto;filter:drop-shadow(0 0 10px rgba(255,90,30,.45));transition:filter .3s}
.brand:hover .logo-img,button:hover>.brand .logo-img{filter:drop-shadow(0 0 16px rgba(255,110,40,.7))}
.brandreel{overflow:hidden;min-height:420px;display:flex;align-items:center}
.themebtn .ico{transition:transform .4s var(--ease)}.themebtn:hover .ico{transform:rotate(-20deg)}
.brandreel{background:#0B0808}
.brandreel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.brandreel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,6,.92) 0%,rgba(8,6,6,.6) 55%,rgba(8,6,6,.25) 100%);z-index:1}
[dir="rtl"] .brandreel::before{background:linear-gradient(270deg,rgba(8,6,6,.92) 0%,rgba(8,6,6,.6) 55%,rgba(8,6,6,.25) 100%)}
.brandreel-in{position:relative;z-index:2;display:flex;gap:28px;align-items:center;padding:28px;flex-wrap:wrap}
.brandreel-in img{width:150px;height:auto;filter:drop-shadow(0 0 28px rgba(255,90,30,.5));flex:none}
.brandreel h2{font-size:clamp(28px,3.2vw,40px)}
.brandreel p{color:#CFC4BF;max-width:52ch}
.brand .word{font-family:'Forum',Georgia,serif;font-size:25px;letter-spacing:.2em;background:linear-gradient(180deg,var(--word-a) 10%,var(--word-b) 55%,var(--word-c) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;padding-top:3px}
.brand .sub{display:block;font-size:9.5px;letter-spacing:.32em;color:var(--steel);text-transform:uppercase;margin-top:3px;-webkit-text-fill-color:var(--steel)}
:root[lang="fa"] .brand .sub{letter-spacing:0;font-size:11px}
.gsearch{position:relative;max-width:520px;width:100%;justify-self:center}
.gsearch .input{height:40px;padding-inline-start:40px;border-radius:var(--r-pill);background:var(--field);border-color:var(--line)}
.gsearch>.ico{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}
.topact{display:flex;align-items:center;gap:2px}
.langbtn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:var(--r-s);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--silver)}
.langbtn:hover{border-color:var(--red);box-shadow:0 0 12px rgba(196,32,48,.2)}
.nav{height:48px;display:flex;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav button{position:relative;display:flex;align-items:center;gap:8px;padding:0 14px;font-weight:600;font-size:14px;color:var(--muted);white-space:nowrap;transition:color .15s}
.nav button:hover{color:var(--fg)}
.nav button.on{color:var(--fg)}
.nav button.on::after{content:"";position:absolute;inset-inline:14px;bottom:0;height:2px;background:var(--red-hi);box-shadow:0 0 12px 1px var(--glow)}
.nav button.on::before{content:"";position:absolute;bottom:-4px;inset-inline-start:calc(50% - 4px);width:8px;height:8px;transform:rotate(45deg);background:var(--red-hi);box-shadow:0 0 10px var(--glow)}
.nav .mk-pill{margin-inline-start:4px;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:4px;background:var(--silver);color:#141012}
.nav .cnt{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:var(--red-ink);font-size:11px;font-weight:800;display:grid;place-items:center}
.page{max-width:1240px;margin:0 auto;padding-inline:20px;padding-top:calc(var(--hdr) + env(safe-area-inset-top,0px) + 24px);padding-bottom:64px;animation:pagein .35s var(--ease)}
@keyframes pagein{from{opacity:.55;transform:translateY(6px)}}
.bottomnav{display:none}
footer.foot{border-block-start:1px solid var(--line);margin-top:24px}
.foot-in{max-width:1240px;margin:0 auto;padding:28px 20px calc(28px + env(safe-area-inset-bottom,0px));display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;color:var(--faint);font-size:13px}

/* ---------- cards / panels ---------- */
.card{background:linear-gradient(180deg,var(--card-a),var(--card-b));border:1px solid var(--line);border-radius:var(--r-l);position:relative}
.box{padding:18px}
.box-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:12px}
.box-h h3{font-size:15px;font-weight:700}
.stack{display:flex;flex-direction:column;gap:16px}
.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-block-end:20px}
.page-h h1{font-family:var(--f-display);font-size:36px;letter-spacing:.02em}
.page-h .lead{color:var(--muted);margin-top:6px;max-width:60ch}
.frame::before,.frame::after{content:"";position:absolute;width:14px;height:14px;border-color:var(--steel);border-style:solid;opacity:.55;pointer-events:none}
.frame::before{top:6px;inset-inline-start:6px;border-width:1px 0 0 1px}
[dir="rtl"] .frame::before{border-width:1px 1px 0 0}
.frame::after{bottom:6px;inset-inline-end:6px;border-width:0 1px 1px 0}
[dir="rtl"] .frame::after{border-width:0 0 1px 1px}
.glowcard{transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.glowcard:hover{border-color:#7E2832;box-shadow:0 0 0 1px rgba(163,27,42,.35),0 12px 36px rgba(0,0,0,.5),0 0 32px rgba(196,32,48,.16);transform:translateY(-2px)}
.empty{padding:44px 24px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}
.empty .ring{width:64px;height:64px;transform:rotate(45deg);border:1.5px solid var(--line-strong);display:grid;place-items:center;color:var(--faint);margin-block-end:8px}
.empty .ring>*{transform:rotate(-45deg)}
.empty b{color:var(--fg);font-size:16px}
.divider{height:1px;background:var(--line);margin:4px 0}
.skel{background:linear-gradient(90deg,var(--panel-2) 0%,var(--panel-3) 50%,var(--panel-2) 100%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:6px}
@keyframes shimmer{to{background-position:-200% 0}}
.reveal{animation:rise .5s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}

/* ---------- media art ---------- */
.art{position:relative;overflow:hidden;background:#100B0B;aspect-ratio:16/9;max-width:100%}
.art svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.art img,.art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art .cap{position:absolute;inset-inline-start:10px;bottom:10px;padding:3px 9px;border-radius:var(--r-s);background:rgba(0,0,0,.55);color:#EEE;font-size:12px;backdrop-filter:blur(6px)}

/* ---------- home / editorial ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px}
.hero-main{overflow:hidden;cursor:pointer;min-height:460px;display:flex;flex-direction:column;justify-content:flex-end}
.hero-main .art{position:absolute;inset:0;aspect-ratio:auto}
.hero-main .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,6,0) 25%,rgba(8,6,6,.75) 62%,rgba(8,6,6,.96) 100%)}
.hero-main .b{position:relative;padding:28px;display:flex;flex-direction:column;gap:12px}
.hero-main h1{font-family:var(--f-display);font-size:clamp(30px,3.8vw,50px);line-height:1.04;letter-spacing:.005em;max-width:20ch}
.hero-main p{color:#CFC4BF;max-width:60ch;font-size:16px}
.hero-side{display:flex;flex-direction:column;gap:14px}
.hcard{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:12px;cursor:pointer;align-items:center}
.hcard .art{aspect-ratio:1;border-radius:var(--r-m)}
.hcard h3{font-size:15.5px;font-weight:600;line-height:1.3}
.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--faint)}
.meta .dot::before{content:"◆";font-size:7px;color:var(--red);vertical-align:2px}
.kicker{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red-hi)}
:root[lang="fa"] .kicker{letter-spacing:0;font-size:12.5px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.acard{display:flex;flex-direction:column;overflow:hidden;cursor:pointer}
.acard .art{border-radius:var(--r-l) var(--r-l) 0 0}
.acard .b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.acard h3{font-size:17px;font-weight:600;line-height:1.3}
.acard .x{font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.astats{display:flex;gap:14px;font-size:12.5px;color:var(--faint);margin-top:auto;padding-top:6px;font-variant-numeric:tabular-nums;align-items:center}
.astats span{display:inline-flex;align-items:center;gap:5px}
.rank{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 0;border-block-start:1px solid var(--line-soft);cursor:pointer;text-align:start;width:100%}
.rank:first-of-type{border-block-start:0}
.rank .n{font-family:var(--f-display);font-size:32px;line-height:1;color:var(--red);text-shadow:0 0 18px var(--glow)}
.rank b{font-weight:600;line-height:1.35;display:block}
.rank:hover b{color:var(--red-hi)}
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cat{display:flex;align-items:center;gap:14px;padding:16px;cursor:pointer;text-align:start}
.cat .gl{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid var(--line-strong);transform:rotate(45deg);color:var(--silver)}
.cat .gl>*{transform:rotate(-45deg)}
.cat b{display:block;font-weight:600}
.cat span{font-size:12.5px;color:var(--faint)}
.mk-teaser{border-radius:var(--r-l);padding:22px;background:linear-gradient(135deg,var(--mk-panel),var(--mk-bg));border:1px solid var(--mk-line);position:relative;overflow:hidden}
.mk-teaser::before{content:"";position:absolute;inset-block-start:-80px;inset-inline-end:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(163,27,42,.35),transparent 70%)}
.updates{display:flex;flex-direction:column}
.upd{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;padding:10px 0;align-items:start;position:relative;text-align:start;width:100%}
.upd::before{content:"";position:absolute;inset-inline-start:9px;top:24px;bottom:-10px;width:1px;background:var(--line)}
.upd:last-child::before{display:none}
.upd .mk{width:10px;height:10px;transform:rotate(45deg);border:1.5px solid var(--red);background:var(--bg);margin:5px 4px;box-shadow:0 0 8px var(--glow)}
.upd .t{font-size:14px;line-height:1.4}
.upd .tm{font-size:12px;color:var(--faint);white-space:nowrap}
.upd:hover .t{color:var(--fg)}
.rich{font-size:17.5px;line-height:1.75;max-width:68ch;display:flex;flex-direction:column;gap:16px;color:var(--fg-soft)}
.rich h2{font-family:var(--f-display);font-size:26px;margin-top:10px;color:var(--fg)}
.rich blockquote{margin:0;padding:6px 0;padding-inline-start:20px;border-inline-start:2px solid var(--red);font-family:var(--f-display);font-size:22px;color:var(--fg)}
.rich ul{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:6px}
.rich figure{margin:6px 0}
.rich figure .art{border-radius:var(--r-m)}
.rich figcaption{font-size:13px;color:var(--faint);margin-top:8px}
.rich code{font-family:var(--f-mono);font-size:.86em;background:var(--panel-3);padding:2px 6px;border-radius:4px}
.langnote{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px dashed var(--line-strong);border-radius:var(--r-m);color:var(--muted);font-size:13.5px}
.article-wrap{max-width:820px;margin:0 auto}
.article h1{font-family:var(--f-display);font-size:clamp(32px,4.4vw,52px);line-height:1.05}
.article .cover{aspect-ratio:21/9;border-radius:var(--r-l);border:1px solid var(--line)}
.reactbar{display:flex;gap:8px;flex-wrap:wrap}
.rb{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);font-weight:600;font-variant-numeric:tabular-nums;transition:all .15s;background:var(--glass)}
.rb:hover{border-color:var(--red)}
.rb.on{background:rgba(163,27,42,.22);border-color:var(--red-hi);box-shadow:0 0 14px var(--glow)}
.rb .e{font-size:18px}

/* ---------- posts (opinions) ---------- */
.post{padding:18px 18px 10px}
.post-h{display:flex;gap:12px;align-items:flex-start}
.post-h .who{flex:1;min-width:0;line-height:1.3}
.post-h .meta2{color:var(--faint);font-size:13px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.post-body{margin-block-start:10px;margin-inline-start:56px;display:flex;flex-direction:column;gap:12px;min-width:0}
.post-text{white-space:pre-wrap;word-wrap:break-word;font-size:15.5px;line-height:1.6}
.post-text a{font-weight:600}
.post-title{font-family:var(--f-display);font-size:22px}
.post-flag{margin-block-end:8px;margin-inline-start:56px;font-size:12.5px;font-weight:600;color:var(--faint);display:flex;align-items:center;gap:6px}
.post-actions{display:flex;align-items:center;gap:2px;margin-block-start:6px;margin-inline-start:50px}
.pa{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:var(--r-s);color:var(--muted);font-weight:600;font-size:13.5px;transition:background .15s,color .15s;font-variant-numeric:tabular-nums}
.pa:hover{background:var(--panel-2);color:var(--fg)}
.pa.on,.pa.saved{color:var(--red-hi)}
.pa .emo{font-size:17px;line-height:1}
.views{margin-inline-start:auto;font-size:12.5px;color:var(--faint);display:flex;align-items:center;gap:5px;padding-inline-end:6px}
.mgrid{display:grid;gap:4px;border-radius:var(--r-m);overflow:hidden}
.mgrid .art{aspect-ratio:auto;min-height:0;height:100%}
.mgrid.n2{grid-template-columns:1fr 1fr;aspect-ratio:16/9}
.mgrid.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16/10}
.mgrid.n3>:first-child{grid-row:span 2}
.mgrid.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1/1}
.post .art.single{border-radius:var(--r-m);border:1px solid var(--line-soft)}
.vid{cursor:pointer;border-radius:var(--r-m)}
.vid .playbtn{position:absolute;inset:0;margin:auto;width:64px;height:64px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.4);background:rgba(10,8,8,.5);color:#fff;display:grid;place-items:center;transition:box-shadow .2s}
.vid .playbtn>*{transform:rotate(-45deg)}
.vid:hover .playbtn{box-shadow:0 0 24px var(--glow)}
.vid .dur{position:absolute;inset-inline-end:10px;bottom:10px;padding:2px 8px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font:500 12px var(--f-mono)}
.vid .bar{position:absolute;inset-inline-start:0;bottom:0;height:3px;background:var(--red-hi);width:0;box-shadow:0 0 10px var(--glow)}
.vid.playing .bar{animation:grow 12s linear forwards}
.vid.playing .playbtn{opacity:0}
.vid.playing svg .drift{animation-play-state:running}
@keyframes grow{to{width:100%}}
.drift{animation:drift 10s ease-in-out infinite alternate;animation-play-state:paused}
@keyframes drift{to{transform:translate(-4%,2%) scale(1.06)}}
.lprev{display:flex;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;color:var(--fg);transition:border-color .15s}
.lprev:hover{border-color:var(--red)}
.lprev .lp-img{width:120px;flex:none;aspect-ratio:1}
.lprev .lp-b{padding:12px 14px;min-width:0;display:flex;flex-direction:column;gap:4px;justify-content:center}
.lprev .lp-d{font-size:12px;color:var(--faint)}
.lprev .lp-t{font-weight:700;line-height:1.3}
.lprev .lp-x{font-size:13px;color:var(--muted)}
.poll{display:flex;flex-direction:column;gap:8px}
.poll-o{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 14px;border-radius:var(--r-s);border:1px solid var(--line-strong);font-weight:600;overflow:hidden;transition:border-color .15s;text-align:start}
.poll-o:hover:not(:disabled){border-color:var(--red-hi)}
.poll-o:disabled{cursor:default}
.poll-o .fill{position:absolute;inset-block:0;inset-inline-start:0;background:rgba(163,27,42,.25);transition:width .5s var(--ease)}
.poll-o>span{position:relative}
.poll-o.mine{border-color:var(--red-hi)}
.quote-card{border:1px solid var(--line);border-radius:var(--r-m);padding:12px 14px;display:flex;flex-direction:column;gap:6px;cursor:pointer}
.quote-card:hover{border-color:var(--red)}
.pinned-lbl{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--red-hi)}
.react{position:relative;display:inline-flex}
.picker{position:absolute;bottom:calc(100% + 6px);inset-inline-start:0;display:flex;gap:2px;padding:6px;border-radius:var(--r-pill);background:var(--panel-2);box-shadow:var(--shadow-pop);opacity:0;visibility:hidden;transform:translateY(6px) scale(.96);transition:all .16s var(--ease);z-index:20}
.react:hover .picker,.react.open .picker,.react:focus-within .picker{opacity:1;visibility:visible;transform:none;transition-delay:.25s}
.react.open .picker,.react:focus-within .picker{transition-delay:0s}
.picker button{width:38px;height:38px;border-radius:50%;font-size:22px;display:grid;place-items:center;transition:transform .15s}
.picker button:hover{transform:scale(1.22) translateY(-3px)}
.picker button.sel{background:rgba(163,27,42,.3)}
.rsum{display:inline-flex;align-items:center}
.rsum .e{font-size:14px;margin-inline-end:-3px}
.prompt{display:flex;gap:12px;align-items:center;padding:14px 16px}
.prompt .fake{flex:1;height:44px;border-radius:var(--r-pill);background:var(--field);border:1px solid var(--line);text-align:start;padding:0 18px;color:var(--faint);transition:border-color .15s}
.prompt .fake:hover{border-color:var(--red)}

/* comments */
.cmts{display:flex;flex-direction:column;gap:14px}
.cmt{display:flex;gap:10px}
.cmt .cb{flex:1;min-width:0}
.cmt .bubble{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:4px var(--r-l) var(--r-l) var(--r-l);padding:9px 13px}
[dir="rtl"] .cmt .bubble{border-radius:var(--r-l) 4px var(--r-l) var(--r-l)}
.cmt .bubble .h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:13.5px}
.cmt .bubble .t{white-space:pre-wrap;word-wrap:break-word;margin-top:2px}
.cmt .acts{display:flex;align-items:center;gap:2px;margin-top:2px;flex-wrap:wrap}
.cmt .acts button{height:28px;padding:0 9px;border-radius:var(--r-s);font-size:12.5px;font-weight:600;color:var(--faint)}
.cmt .acts button:hover{background:var(--panel-2);color:var(--fg)}
.cmt .acts button.on{color:var(--red-hi)}
.cmt .replies{margin-top:12px;display:flex;flex-direction:column;gap:12px;padding-inline-start:12px;border-inline-start:1px solid var(--line)}
.cmt.hl .bubble{border-color:var(--red-hi);box-shadow:0 0 14px var(--glow)}
.cmt-compose{display:flex;gap:10px;align-items:flex-end}
.cmt-compose .textarea{min-height:44px;height:44px;border-radius:22px;padding:11px 16px;resize:none}
.replying{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted);padding:6px 12px;border-radius:var(--r-m);background:var(--panel-2);margin-block-end:8px}

/* ---------- popover / modal / toast ---------- */
#pop{position:fixed;z-index:80;min-width:220px;max-width:min(330px,calc(100vw - 24px));background:var(--panel-2);border-radius:var(--r-m);box-shadow:var(--shadow-pop);padding:6px;animation:popin .16s var(--ease);transform-origin:top}
@keyframes popin{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.mi{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--r-s);font-weight:500;text-align:start;color:var(--fg)}
.mi:hover{background:var(--panel-3)}
.mi.on{color:var(--red-hi)}
.mi.danger{color:var(--danger)}
.mi .ico{color:var(--faint)}
.mi.danger .ico{color:var(--danger)}
.mi-sep{height:1px;background:var(--line);margin:4px 6px}
.modal-wrap{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px 16px;background:var(--overlay);backdrop-filter:blur(3px);animation:fadein .2s}
@keyframes fadein{from{opacity:0}}
.modal{width:min(560px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--modal-a),var(--modal-b));border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow-pop),0 0 60px rgba(163,27,42,.15);animation:mrise .28s var(--ease);overflow:hidden}
.modal.wide{width:min(760px,100%)}
.modal.sm{width:min(430px,100%)}
@keyframes mrise{from{opacity:0;transform:translateY(16px) scale(.985)}}
.modal-h{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 22px;padding-inline:22px 14px;border-block-end:1px solid var(--line)}
.modal-h h2{flex:1;font-size:17px;font-weight:700}
.modal-b{padding:20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}
.modal-f{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:14px 22px;border-block-start:1px solid var(--line);flex-wrap:wrap}
#toasts{position:fixed;inset-inline-start:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
[dir="rtl"] #toasts{transform:translateX(50%)}
.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 14px;border-radius:12px;background:var(--toast);border:1px solid var(--line-strong);color:var(--toast-fg);font-weight:500;box-shadow:var(--shadow-pop);animation:tin .35s var(--ease)}
.toast .ti{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none}
.toast.ok .ti{background:var(--ok);color:#0B1A0F}
.toast.err .ti{background:var(--danger);color:#1A0606}
.toast.info .ti{background:var(--red);color:var(--red-ink);box-shadow:0 0 12px var(--glow)}
.toast .tbtn{margin-inline-start:8px;color:var(--red-hi);font-weight:700}
@keyframes tin{from{opacity:0;transform:translateY(14px) scale(.96)}}

/* ---------- auth ---------- */
.auth{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}
.auth-art{position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;justify-content:space-between;border-inline-end:1px solid var(--line)}
.auth-art>*{position:relative}
.auth-art .bgart{position:absolute;inset:0}
.auth-art .bgart svg{width:100%;height:100%}
.auth-art .bgart::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,6,.35),rgba(8,6,6,.15) 40%,rgba(8,6,6,.85))}
.auth-art h1{font-family:var(--f-display);font-size:clamp(34px,4vw,56px);line-height:1.04;max-width:14ch}
.auth-art .lead{max-width:44ch;font-size:16px;color:#CFC4BF;margin-top:16px}
.auth-art .facts{display:flex;gap:28px;flex-wrap:wrap}
.auth-art .facts b{display:block;font-family:var(--f-display);font-size:28px}
.auth-art .facts span{color:var(--muted);font-size:13px}
.auth-form{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--ov3)}
.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:18px}
.auth-card h2{font-family:var(--f-display);font-size:34px}
.or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12.5px;font-weight:600}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.soc-mark{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}
.reqs{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12.5px}
.reqs span{display:flex;align-items:center;gap:6px;color:var(--faint)}
.reqs span.ok{color:var(--ok)}
.strength{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.strength i{height:4px;border-radius:2px;background:var(--panel-3)}
.code{display:flex;gap:8px;justify-content:space-between;direction:ltr}
.code input{width:48px;height:56px;text-align:center;font:600 22px var(--f-mono);border-radius:var(--r-s);border:1px solid var(--line-strong);background:var(--field);outline:none}
.code input:focus{border-color:var(--red-hi);box-shadow:0 0 0 3px rgba(196,32,48,.22)}
.av-pick{display:flex;align-items:center;gap:16px}
.av-drop{width:88px;height:88px;border-radius:50%;border:1.5px dashed var(--line-strong);display:grid;place-items:center;color:var(--muted);cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s;flex:none}
.av-drop:hover{border-color:var(--red-hi);color:var(--red-hi)}
.av-drop img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.av-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ob{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;padding:32px 16px}
.ob-card{width:min(620px,100%);padding:28px;display:flex;flex-direction:column;gap:22px}
.ob-steps{display:flex;gap:6px}
.ob-steps i{flex:1;height:3px;background:var(--panel-3);transition:background .3s}
.ob-steps i.on{background:var(--red-hi);box-shadow:0 0 8px var(--glow)}
.ob-card h2{font-family:var(--f-display);font-size:30px}
.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.pick{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-m);border:1px solid var(--line-strong);font-weight:600;text-align:start;transition:all .15s}
.pick:hover{border-color:var(--red)}
.pick.on{border-color:var(--red-hi);background:rgba(163,27,42,.2);box-shadow:0 0 14px var(--glow)}
.pick .em{font-size:20px}

/* user rows */
.urow{display:flex;align-items:center;gap:12px;padding:8px 0}
.urow .info{flex:1;min-width:0;line-height:1.3}
.urow .info .s{font-size:13px;color:var(--faint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trend{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin-inline:-10px;border-radius:var(--r-s);width:calc(100% + 20px);text-align:start}
.trend:hover{background:var(--panel-2)}
.trend b{display:block;font-weight:600}
.trend span{font-size:12.5px;color:var(--faint)}

/* ---------- editor ---------- */
.types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.types button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:var(--r-m);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--muted);transition:all .15s;text-align:center}
.types button:hover{border-color:var(--red);color:var(--fg)}
.types button.on{border-color:var(--red-hi);background:rgba(163,27,42,.2);color:var(--fg);box-shadow:0 0 14px var(--glow)}
.etool{display:flex;gap:2px;padding:4px;border:1px solid var(--line-strong);border-block-end:0;border-radius:var(--r-s) var(--r-s) 0 0;background:var(--panel-2);flex-wrap:wrap}
.etool button{height:30px;min-width:30px;padding:0 8px;border-radius:5px;font-weight:700;font-size:13px;color:var(--muted)}
.etool button:hover{background:var(--panel-3);color:var(--fg)}
.etool+.textarea{border-radius:0 0 var(--r-s) var(--r-s);min-height:200px}
.drop{border:1.5px dashed var(--line-strong);border-radius:var(--r-m);padding:22px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--muted);position:relative;cursor:pointer;transition:all .15s}
.drop:hover,.drop.over{border-color:var(--red-hi);background:rgba(163,27,42,.1);color:var(--fg)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.thumb{position:relative;aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;background:var(--panel-2)}
.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}
.thumb .x{position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;display:grid;place-items:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.saved-ind{font-size:12.5px;color:var(--faint);display:flex;align-items:center;gap:6px}
.saved-ind.ok{color:var(--ok)}
.steps{display:flex;flex-direction:column;gap:10px}
.stp{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--faint)}
.stp .d{width:24px;height:24px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;flex:none}
.stp.run{color:var(--fg)}
.stp.run .d{border-color:var(--red-hi);border-inline-end-color:transparent;animation:spin .8s linear infinite}
.stp.done{color:var(--fg)}
.stp.done .d{background:var(--red);border-color:var(--red);color:#fff}
.pbar{height:6px;border-radius:3px;background:var(--panel-3);overflow:hidden}
.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--red-hi));transition:width .3s;box-shadow:0 0 10px var(--glow)}

/* ---------- reels (media) ---------- */
.reels{height:calc(100dvh - var(--hdr) - 150px);min-height:440px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;display:flex;flex-direction:column;gap:20px;align-items:center}
.reels::-webkit-scrollbar{display:none}
.reel-wrap{scroll-snap-align:center;display:flex;align-items:flex-end;gap:14px;height:100%;flex:none}
.reel{position:relative;height:100%;aspect-ratio:9/16;max-width:calc(100vw - 100px);border-radius:var(--r-l);overflow:hidden;background:#000;color:#fff;cursor:pointer;border:1px solid var(--line)}
.reel .art{position:absolute;inset:0;aspect-ratio:auto}
.reel.playing .drift{animation-play-state:running}
.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 22%,transparent 55%,rgba(0,0,0,.8) 100%)}
.reel .top{position:absolute;top:12px;inset-inline:14px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px}
.reel .info{position:absolute;inset-inline:16px;bottom:18px;display:flex;flex-direction:column;gap:8px}
.reel .info .t{font-size:14.5px;line-height:1.45;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.reel .info a{color:#fff;font-weight:700}
.reel .aud{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.9}
.reel .pbar2{position:absolute;inset-inline:0;bottom:0;height:3px;background:rgba(255,255,255,.2)}
.reel .pbar2 i{display:block;height:100%;width:0;background:var(--red-hi);box-shadow:0 0 8px var(--glow)}
.reel.playing .pbar2 i{animation:grow 15s linear infinite}
.reel:not(.playing) .pbar2 i{animation:grow 15s linear infinite;animation-play-state:paused}
.reel .bigplay{position:absolute;inset:0;margin:auto;width:70px;height:70px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.4);display:grid;place-items:center;opacity:0;transition:opacity .2s;pointer-events:none}
.reel .bigplay>*{transform:rotate(-45deg)}
.reel:not(.playing) .bigplay{opacity:1}
.reel-side{display:flex;flex-direction:column;gap:16px;align-items:center;padding-block-end:12px}
.rs{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.rs .c{width:48px;height:48px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line-strong);display:grid;place-items:center;font-size:20px;color:var(--fg);transition:box-shadow .2s,border-color .2s}
.rs:hover .c{border-color:var(--red);box-shadow:0 0 14px var(--glow)}
.rs.on .c{background:rgba(163,27,42,.3);border-color:var(--red-hi);color:var(--red-hi)}
.reel-follow{height:28px;padding:0 12px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.7);color:#fff;font-weight:700;font-size:12.5px}
.reel-follow.on{background:rgba(255,255,255,.18);border-color:transparent}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:var(--r-l);overflow:hidden}
.photo-grid .art{aspect-ratio:1;cursor:pointer}
.reel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.reel-tile{position:relative;aspect-ratio:9/16;border-radius:var(--r-m);overflow:hidden;cursor:pointer;color:#fff;border:1px solid var(--line)}
.reel-tile .art{position:absolute;inset:0;aspect-ratio:auto}
.reel-tile:hover .drift{animation-play-state:running}
.reel-tile .v{position:absolute;inset-inline-start:8px;bottom:8px;display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}

/* ---------- messages ---------- */
.msgs{display:grid;grid-template-columns:350px minmax(0,1fr);height:calc(100dvh - var(--hdr) - 70px);min-height:480px;overflow:hidden}
.clist{border-inline-end:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.clist-h{padding:16px;display:flex;flex-direction:column;gap:12px;border-block-end:1px solid var(--line)}
.clist-b{overflow-y:auto;padding:6px;flex:1}
.ci{display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--r-m);width:100%;text-align:start;transition:background .12s}
.ci:hover{background:var(--panel-2)}
.ci.on{background:rgba(163,27,42,.18);box-shadow:inset 0 0 0 1px rgba(163,27,42,.45)}
.ci .b{flex:1;min-width:0}
.ci .t1{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.ci .t1 b{font-weight:700}
.ci .t1 span{font-size:12px;color:var(--faint);flex:none}
.ci .t2{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13.5px;color:var(--muted)}
.ci .unr{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:var(--red-ink);font-size:11.5px;font-weight:800;display:grid;place-items:center;flex:none;box-shadow:0 0 8px var(--glow)}
.kindtag{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:4px;flex:none}
:root[lang="fa"] .kindtag{letter-spacing:0;font-size:11px}
.kindtag.store{background:var(--silver);color:#141012}
.kindtag.group{background:var(--panel-3);color:var(--muted)}
.kindtag.buyer{background:var(--info-soft);color:var(--info)}
.cgroup-l{padding:10px 10px 4px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:6px}
.chat{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}
.chat-h{display:flex;align-items:center;gap:12px;padding:10px 12px;padding-inline-start:16px;border-block-end:1px solid var(--line)}
.chat-h .b{flex:1;min-width:0;line-height:1.25;text-align:start}
.chat-h .s{font-size:12.5px;color:var(--faint)}
.chat-h .s.typing{color:var(--red-hi);font-weight:600}
.store-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;border-block-end:1px solid var(--line);font-size:12.5px;color:var(--silver);background:rgba(201,206,211,.05)}
.pinbar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-block-end:1px solid var(--line);font-size:13px;cursor:pointer}
.pinbar .ico{color:var(--red-hi)}
.chat-b{flex:1;overflow-y:auto;padding:16px clamp(12px,3vw,28px);display:flex;flex-direction:column;gap:4px;background:var(--chat-bg)}
.dsep{align-self:center;margin:10px 0;padding:3px 10px;border-radius:var(--r-pill);background:var(--panel-2);font-size:12px;font-weight:600;color:var(--faint)}
.sysmsg{align-self:center;margin:6px 0;font-size:12.5px;color:var(--faint);text-align:center}
.m{position:relative;display:flex;gap:8px;align-items:flex-end;max-width:min(78%,540px);margin-top:4px;align-self:flex-start}
.m.me{align-self:flex-end;flex-direction:row-reverse}
.m .bub{position:relative;padding:8px 12px 6px;border-radius:16px 16px 16px 4px;background:var(--panel-2);border:1px solid var(--line-soft);min-width:0;word-wrap:break-word}
[dir="rtl"] .m .bub{border-radius:16px 16px 4px 16px}
.m.me .bub{background:linear-gradient(180deg,#8E1925,#6E111C);color:#FBEDEB;border-color:#A82634;border-radius:16px 16px 4px 16px}
[dir="rtl"] .m.me .bub{border-radius:16px 16px 16px 4px}
.m .nm{font-size:12.5px;font-weight:700;color:var(--red-hi);margin-block-end:2px}
.m .tx{white-space:pre-wrap}
.m.me .tx a{color:inherit;text-decoration:underline}
.m .mt{display:flex;gap:4px;justify-content:flex-end;align-items:center;font-size:11px;opacity:.7;margin-top:2px;font-variant-numeric:tabular-nums}
.m .rq{border-inline-start:2px solid currentColor;padding:2px 8px;margin:2px 0 6px;font-size:13px;opacity:.85;cursor:pointer}
.m .rq b{display:block;font-size:12px}
.m .fw{font-size:12px;opacity:.8;margin-block-end:4px;font-style:italic}
.m .mimg{border-radius:10px;overflow:hidden;max-width:280px;margin:2px 0 4px}
.m .mimg img,.m .mimg video{display:block;width:100%}
.m .mimg .art{aspect-ratio:4/3}
.m .mfile{display:flex;align-items:center;gap:10px;padding:6px 2px}
.m .mfile .fi{width:38px;height:38px;border-radius:8px;background:var(--panel-3);color:var(--red-hi);display:grid;place-items:center}
.m.me .mfile .fi{background:rgba(255,255,255,.15);color:inherit}
.ordercard{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);margin:2px 0 4px;cursor:pointer;min-width:220px}
.ordercard .pa2{width:48px;height:48px;border-radius:8px;overflow:hidden;flex:none;background:var(--mk-card)}
.ordercard b{display:block;font-size:13px}
.ordercard span{font-size:12px;opacity:.8}
.voice{display:flex;align-items:center;gap:10px;min-width:200px}
.voice .pl{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none}
.m.me .voice .pl{background:#FBEDEB;color:var(--wine)}
.wave{display:flex;align-items:center;gap:2px;height:26px;flex:1}
.wave i{width:3px;border-radius:2px;background:currentColor;opacity:.45}
.voice.playing .wave i{animation:wv .9s ease-in-out infinite alternate}
@keyframes wv{to{opacity:1;transform:scaleY(.5)}}
.m .mreacts{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.m .mreacts button{height:24px;padding:0 7px;border-radius:12px;background:var(--panel-3);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--fg)}
.m.me .mreacts button{background:rgba(255,255,255,.14);border-color:transparent;color:inherit}
.m .mreacts button.mine{border-color:var(--red-hi)}
.m .mtools{position:absolute;top:-16px;display:flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--panel-2);border:1px solid var(--line-strong);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .12s;z-index:5;color:var(--fg)}
.m:not(.me) .mtools{inset-inline-end:-8px;transform:translateX(100%)}
[dir="rtl"] .m:not(.me) .mtools{transform:translateX(-100%)}
.m.me .mtools{inset-inline-start:-8px;transform:translateX(-100%)}
[dir="rtl"] .m.me .mtools{transform:translateX(100%)}
.m:hover .mtools,.m:focus-within .mtools{opacity:1;visibility:visible}
.m .mtools button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.m .mtools button:hover{background:var(--panel-3);color:var(--fg)}
.m.flash .bub{animation:flash 1.2s}
@keyframes flash{30%{box-shadow:0 0 0 4px rgba(196,32,48,.35)}}
.m .pinmark{position:absolute;top:-6px;inset-inline-end:-6px;width:18px;height:18px;border-radius:50%;background:var(--panel-2);color:var(--red-hi);display:grid;place-items:center;border:1px solid var(--line)}
.shared{border-radius:10px;padding:8px 10px;background:rgba(0,0,0,.25);margin:2px 0 4px;cursor:pointer;max-width:280px}
.shared b{display:block;font-size:13px}
.shared span{font-size:12.5px;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.typing-b{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:16px;background:var(--panel-2);border:1px solid var(--line-soft);margin-top:6px}
.typing-b i{width:7px;height:7px;border-radius:50%;background:var(--faint);animation:td 1s infinite}
.typing-b i:nth-child(2){animation-delay:.15s}.typing-b i:nth-child(3){animation-delay:.3s}
@keyframes td{50%{transform:translateY(-4px);background:var(--red-hi)}}
.composer{border-block-start:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.composer .rowc{display:flex;align-items:flex-end;gap:6px}
.composer .textarea{min-height:42px;height:42px;max-height:140px;border-radius:21px;padding:10px 16px;resize:none}
.ctx{display:flex;align-items:center;gap:10px;padding:6px 10px;border-inline-start:2px solid var(--red-hi);background:var(--panel-2);border-radius:6px;font-size:13px}
.ctx .grow b{display:block;color:var(--red-hi);font-size:12.5px}
.rec{display:flex;align-items:center;gap:12px;flex:1;height:42px;padding:0 14px;border-radius:21px;background:var(--danger-soft);color:var(--danger);font-weight:600}
.rec .dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:blink 1s infinite}
@keyframes blink{50%{opacity:.25}}
.locked{padding:14px;text-align:center;color:var(--muted);font-weight:500;border-block-start:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px}
.emogrid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.emogrid button{height:34px;border-radius:6px;font-size:20px;text-align:center}
.emogrid button:hover{background:var(--panel-3)}
.drawer{position:absolute;inset-block:0;inset-inline-end:0;width:min(360px,100%);background:var(--panel);border-inline-start:1px solid var(--line-strong);box-shadow:var(--shadow-pop);z-index:10;display:flex;flex-direction:column;animation:slidein .25s var(--ease)}
@keyframes slidein{from{opacity:0;transform:translateX(24px)}}
.drawer-b{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:18px}
.setrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-block-start:1px solid var(--line-soft)}
.setrow:first-child{border-block-start:0}
.setrow .l{min-width:0}
.setrow .l b{display:block;font-weight:600}
.setrow .l span{font-size:13px;color:var(--faint)}
.setrow .select{width:auto;min-width:180px;height:38px}

/* ---------- profile ---------- */
.prof{overflow:hidden}
.banner{height:210px;position:relative;overflow:hidden}
.banner .art{position:absolute;inset:0;aspect-ratio:auto}
.banner .edit{position:absolute;inset-inline-end:12px;top:12px}
.prof-b{padding:0 22px 20px}
.prof-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:-56px;flex-wrap:wrap;position:relative}
.prof-top .av{border:3px solid var(--panel);box-sizing:content-box;box-shadow:0 0 0 1px var(--steel),0 0 24px var(--glow)}
.prof-top .acts{display:flex;gap:8px;padding-block-end:6px;flex-wrap:wrap}
.prof h1{font-family:var(--f-display);font-size:32px;margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prof .handle{color:var(--faint)}
.status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:var(--r-pill);background:var(--panel-2);font-size:13px;font-weight:500}
.prof .bio{margin-top:12px;max-width:62ch;white-space:pre-wrap;color:var(--fg-soft)}
.prof .facts{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;color:var(--faint);font-size:13.5px}
.prof .facts span{display:inline-flex;align-items:center;gap:6px}
.pstats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block-start:1px solid var(--line)}
.pstats button{padding:14px 6px;text-align:center;border-inline-start:1px solid var(--line);transition:background .15s}
.pstats button:first-child{border-inline-start:0}
.pstats button:hover{background:var(--panel-2)}
.pstats b{display:block;font-family:var(--f-display);font-size:24px;font-variant-numeric:tabular-nums}
.pstats span{font-size:12px;color:var(--faint);font-weight:600}
.rstat{display:flex;flex-direction:column;gap:8px}
.rstat .r{display:grid;grid-template-columns:28px 1fr 56px;gap:10px;align-items:center;font-size:13px;font-variant-numeric:tabular-nums}
.rstat .bar{height:6px;border-radius:3px;background:var(--panel-3);overflow:hidden}
.rstat .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--wine),var(--red-hi));border-radius:3px}
.rstat .r span:last-child{text-align:end;color:var(--faint)}
.wall-e{display:flex;gap:12px;padding:14px 0;border-block-start:1px solid var(--line-soft)}
.wall-e:first-child{border-block-start:0}
.wall-e.hidden-e{opacity:.5}
.lc{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-block-start:1px solid var(--line-soft);text-align:start;width:100%}
.lc:first-child{border-block-start:0}
.lc:hover .lc-t{color:var(--red-hi)}
.lc .lc-src{font-size:12.5px;color:var(--faint);display:flex;gap:6px;align-items:center}

/* notifications */
.nt{display:flex;gap:14px;padding:14px 16px;border-block-start:1px solid var(--line-soft);text-align:start;width:100%;position:relative;transition:background .12s;cursor:pointer;animation:rise .35s var(--ease) both}
.nt:first-child{border-block-start:0}
.nt:hover{background:var(--hover)}
.nt.unread{background:rgba(163,27,42,.08)}
.nt.unread::before{content:"";position:absolute;inset-inline-start:6px;top:50%;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg);background:var(--red-hi);box-shadow:0 0 6px var(--glow)}
.nt .ntype{position:absolute;inset-inline-start:44px;top:42px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:2px solid var(--panel);background:var(--panel-3)}
.nt .b{flex:1;min-width:0}
.nt .b .q{font-size:13.5px;color:var(--faint);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nt .tm{font-size:12.5px;color:var(--faint);margin-top:4px}

/* ---------- cabinets (account / seller / admin / settings) ---------- */
.cab{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
.cab-nav{display:flex;flex-direction:column;gap:2px;padding:10px;position:sticky;top:calc(var(--hdr) + 20px)}
.cab-nav .who{display:flex;gap:12px;align-items:center;padding:8px 10px 14px;border-block-end:1px solid var(--line);margin-block-end:8px}
.nav-i{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:var(--r-s);font-weight:500;font-size:14.5px;color:var(--muted);transition:background .15s,color .15s;text-align:start;width:100%}
.nav-i:hover{background:var(--panel-2);color:var(--fg)}
.nav-i.on{background:rgba(163,27,42,.18);color:var(--fg);box-shadow:inset 2px 0 0 var(--red-hi)}
[dir="rtl"] .nav-i.on{box-shadow:inset -2px 0 0 var(--red-hi)}
.nav-i.on .ico{color:var(--red-hi)}
.nav-i .cnt{margin-inline-start:auto;min-width:22px;height:20px;padding:0 7px;border-radius:10px;background:var(--red);color:var(--red-ink);font-size:11.5px;font-weight:800;display:grid;place-items:center}
.set-sec{padding:22px}
.set-sec h2{font-size:18px;font-weight:700;margin-block-end:4px}
.set-sec>.muted{margin-block-end:16px;font-size:14px}
.sess{display:flex;align-items:center;gap:14px;padding:12px 0;border-block-start:1px solid var(--line-soft)}
.sess:first-child{border-block-start:0}
.sess .ic{width:40px;height:40px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi{padding:16px}
.kpi .l{font-size:12.5px;font-weight:600;color:var(--faint)}
.kpi .v{font-family:var(--f-display);font-size:30px;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.1}
:root[lang="fa"] .kpi .v{font-weight:700;font-size:24px}
.kpi .d{font-size:12.5px;font-weight:600;margin-top:2px}
.kpi .d.up{color:var(--ok)} .kpi .d.down{color:var(--danger)} .kpi .d.hold{color:var(--warn)}
.kpi svg{display:block;width:100%;height:32px;margin-top:8px}
.tbl-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:start;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:10px 12px;border-block-end:1px solid var(--line);white-space:nowrap}
:root[lang="fa"] .tbl th{letter-spacing:0;font-size:12.5px}
.tbl td{padding:12px;border-block-end:1px solid var(--line-soft);vertical-align:middle}
.tbl tr:last-child td{border-block-end:0}
.tbl tbody tr:hover td{background:var(--hover)}
.tbl .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
.tbl input.input{height:34px}
.sev{display:inline-block;width:8px;height:8px;transform:rotate(45deg);margin-inline-end:8px}
.chart svg{width:100%;height:auto;display:block}
.chart text{fill:var(--faint);font:500 11px var(--f-mono)}
.chart .gl{stroke:var(--line-soft)}
.ent{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ent .card{padding:14px}
.ent h4{font-family:var(--f-mono);font-size:14px;color:var(--red-hi);margin-block-end:8px}
.ent ul{margin:0;padding:0;list-style:none;font:400 12.5px/1.7 var(--f-mono);color:var(--faint);direction:ltr;text-align:left}
.ent ul b{color:var(--fg);font-weight:500}
.ent .rel{margin-top:8px;font-size:12.5px;color:var(--silver)}
.arch-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.arch-l .card{padding:16px}
.arch-l h4{font-size:14.5px;font-weight:700;margin-block-end:6px}
.arch-l p{font-size:13.5px;color:var(--muted)}
.log{font-size:13.5px}
.log .lr{display:grid;grid-template-columns:150px 140px minmax(0,1fr);gap:12px;padding:10px 0;border-block-start:1px solid var(--line-soft)}
.log .lr:first-child{border-block-start:0}

/* search / tag */
.sbig{position:relative}
.sbig .input{height:52px;padding-inline-start:48px;border-radius:var(--r-pill);font-size:16px}
.sbig>.ico{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--faint)}
.sres-h{display:flex;justify-content:space-between;align-items:center;margin:4px 0 10px}
.sres-h h3{font-size:15px;font-weight:700}
.hl{background:rgba(163,27,42,.35);color:var(--fg);border-radius:3px;padding:0 2px}
.taghead{padding:22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.taghead .hx{width:64px;height:64px;transform:rotate(45deg);border:1.5px solid var(--red);display:grid;place-items:center;color:var(--red-hi);box-shadow:0 0 18px var(--glow)}
.taghead .hx>*{transform:rotate(-45deg)}

/* ================= MARKETPLACE (.mk) — graphite workspace, light product cards ================= */
.mkshell{background:var(--mk-bg);border:1px solid var(--mk-line);border-radius:18px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.mk-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-block-end:18px}
.mk-top .mk-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:.01em}
.mk-top .mk-brand small{display:block;font-weight:500;font-size:12px;color:var(--mk-muted)}
.mk-search{position:relative;flex:1;min-width:220px}
.mk-search .input{height:46px;border-radius:10px;background:var(--mk-field);border-color:var(--mk-line);padding-inline-start:44px;font-size:15px}
.mk-search .input:focus{border-color:#B02535;box-shadow:0 0 0 3px rgba(176,37,53,.25)}
.mk-search>.ico{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--mk-muted)}
.mk-iconbtn{position:relative;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:10px;background:var(--mk-panel);border:1px solid var(--mk-line);font-weight:600;font-size:14px;color:var(--mk-fg);transition:border-color .15s}
.mk-iconbtn:hover{border-color:var(--mk-line-hi)}
.mk-iconbtn .dotbadge{top:-6px;inset-inline-end:-6px}
.mk-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-block-end:18px}
.mk-cats::-webkit-scrollbar{display:none}
.mk-cat{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;background:var(--mk-panel);border:1px solid var(--mk-line);font-weight:600;font-size:13.5px;color:var(--mk-fg);white-space:nowrap;transition:all .15s}
.mk-cat:hover{color:#fff;border-color:var(--mk-line-hi)}
.mk-cat.on{background:var(--mk-card);color:var(--mk-ink);border-color:var(--mk-card)}
.mk-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}
.mk-filters{background:var(--mk-panel);border:1px solid var(--mk-line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(var(--hdr) + 20px)}
.mk-filters h4{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-muted);margin-block-end:8px}
:root[lang="fa"] .mk-filters h4{letter-spacing:0}
.mk-filters .input,.mk-filters .select{background:var(--mk-field);border-color:var(--mk-line);height:38px}
.mk-filters .check{font-size:13.5px;color:var(--mk-fg)}
.mk-filters .check input{accent-color:var(--mk-accent-hi)}
.mk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-end:14px;color:var(--mk-muted);font-size:14px}
.mk-bar .select{width:auto;height:38px;background:var(--mk-panel);border-color:var(--mk-line)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.pcard{background:var(--mk-card);color:var(--mk-ink);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s;position:relative;border:1px solid #fff}
.pcard:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 0 2px var(--mk-accent-hi)}
.pcard .pimg{aspect-ratio:1/1;background:var(--mk-card-2);position:relative;overflow:hidden}
.pcard .pimg svg{width:100%;height:100%;display:block}
.pcard .fav{position:absolute;top:10px;inset-inline-end:10px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#4A4042;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .15s}
.pcard .fav:hover{transform:scale(1.1)}
.pcard .fav.on{color:var(--mk-accent-hi)}
.pcard .badge{position:absolute;top:10px;inset-inline-start:10px;padding:3px 8px;border-radius:6px;background:var(--mk-accent);color:#fff;font-size:12px;font-weight:700}
.pcard .pb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcard .price{font-size:20px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pcard .price s{font-size:13px;font-weight:500;color:#8B8180}
.pcard .pt{font-size:14.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.pcard .ps{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mk-ink-2)}
.pcard .addc{margin-top:auto}
.stars{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:13px;color:inherit;font-variant-numeric:tabular-nums}
.stars .st{color:#C8961E}
.btn-mk{background:var(--mk-accent);color:#fff;border-color:var(--mk-accent);border-radius:10px}
.btn-mk:hover:not(:disabled){background:var(--mk-accent-hi);box-shadow:0 0 18px rgba(176,37,53,.35)}
.btn-mk-light{background:#fff;color:var(--mk-ink);border:1px solid #D9D3CC;border-radius:10px}
.btn-mk-light:hover:not(:disabled){border-color:var(--mk-accent)}
.btn-mk-dark{background:var(--mk-panel-2);color:var(--mk-fg);border:1px solid var(--mk-line);border-radius:10px}
.btn-mk-dark:hover:not(:disabled){border-color:var(--mk-line-hi)}
.lightpanel{background:var(--mk-card);color:var(--mk-ink);border-radius:16px;border:1px solid #fff}
.lightpanel .muted{color:var(--mk-ink-2)}
.lightpanel .hint{color:var(--mk-ink-2)}
.lightpanel .input,.lightpanel .select,.lightpanel .textarea{background:#fff;border-color:#D4CDC6;color:var(--mk-ink)}
.lightpanel .input:focus,.lightpanel .textarea:focus,.lightpanel .select:focus{border-color:var(--mk-accent);box-shadow:0 0 0 3px rgba(142,26,39,.18)}
.lightpanel .field>label,.lightpanel .flabel{color:var(--mk-ink)}
.lightpanel .divider{background:#DDD6CF}
.lightpanel .tag{background:#E4DED7;color:#4A4042}
.lightpanel .tag.ok{background:#DCEFE1;color:#2C6E3D}
.lightpanel .tag.warn{background:#F6E8CC;color:#875A0E}
.lightpanel .tag.danger{background:#F7DEDB;color:#A1322A}
.lightpanel .tag.info{background:#DDE7F1;color:#365E85}
.lightpanel .tag.red{background:#F3DADD;color:var(--mk-accent)}
.lightpanel a,.lightpanel .linkbtn{color:var(--mk-accent)}
.lightpanel .tabs{border-color:#DDD6CF}
.lightpanel .tabs button{color:var(--mk-ink-2)}
.lightpanel .tabs button.on{color:var(--mk-ink)}
.lightpanel .tabs button.on::after{background:var(--mk-accent);box-shadow:none}
.mkgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.rvgrid{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:28px;align-items:start}
.pd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.gal{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}
.gal .thumbs-v{display:flex;flex-direction:column;gap:8px}
.gal .thumbs-v button{aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid transparent;background:var(--mk-card-2)}
.gal .thumbs-v button.on{border-color:var(--mk-accent)}
.gal .thumbs-v svg,.gal .main svg{width:100%;height:100%;display:block}
.gal .main{aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--mk-card-2)}
.pd-info{padding:22px;display:flex;flex-direction:column;gap:16px}
.pd-info h1{font-size:26px;font-weight:700;line-height:1.2}
.pd-price{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pd-price s{font-size:16px;font-weight:500;color:var(--mk-ink-2)}
.opt{display:flex;gap:8px;flex-wrap:wrap}
.opt button{min-width:44px;height:40px;padding:0 14px;border-radius:10px;border:1.5px solid #D4CDC6;background:#fff;font-weight:600;font-size:14px;color:var(--mk-ink);transition:all .15s}
.opt button:hover:not(:disabled){border-color:var(--mk-accent)}
.opt button.on{border-color:var(--mk-accent);background:#F6E5E7;box-shadow:inset 0 0 0 1px var(--mk-accent)}
.opt button:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.qty{display:inline-flex;align-items:center;border:1.5px solid #D4CDC6;border-radius:10px;overflow:hidden;background:#fff}
.qty button{width:40px;height:40px;font-size:18px;font-weight:700;color:var(--mk-ink)}
.qty button:hover:not(:disabled){background:#EFE9E3}
.qty button:disabled{opacity:.35}
.qty span{min-width:36px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.escrow-note{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#ECE6DF;border:1px solid #DDD5CC;font-size:13.5px;color:#3E3436}
.escrow-note .ico{color:var(--mk-accent);margin-top:2px}
.dist{display:flex;flex-direction:column;gap:6px}
.dist .r{display:grid;grid-template-columns:30px 1fr 40px;gap:10px;align-items:center;font-size:13px;font-variant-numeric:tabular-nums}
.dist .bar{height:8px;border-radius:4px;background:#E2DBD3;overflow:hidden}
.dist .bar i{display:block;height:100%;background:#C8961E;border-radius:4px}
.rv{padding:16px 0;border-block-start:1px solid #DDD6CF;display:flex;flex-direction:column;gap:8px}
.rv:first-child{border-block-start:0}
.rv .reply{margin-inline-start:16px;padding:10px 14px;border-radius:10px;background:#ECE6DF;font-size:14px}
.rv .photos{display:flex;gap:8px}
.rv .photos>*{width:72px;height:72px;border-radius:8px;overflow:hidden;background:var(--mk-card-2)}
.rv .photos svg,.rv .photos img{width:100%;height:100%;object-fit:cover;display:block}
.store-hero{border-radius:16px;overflow:hidden;border:1px solid var(--mk-line);background:var(--mk-panel)}
.store-hero .cover{height:150px;position:relative}
.store-hero .cover .art{position:absolute;inset:0;aspect-ratio:auto}
.store-hero .sb{padding:0 20px 20px;display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-top:-36px;position:relative}
.store-hero h1{font-size:26px;font-weight:800}
.store-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--mk-line);border-block-start:1px solid var(--mk-line)}
.store-stats>div{background:var(--mk-panel);padding:14px 16px}
.store-stats b{display:block;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.store-stats span{font-size:12.5px;color:var(--mk-muted)}
.scard{display:flex;gap:14px;align-items:center;padding:16px;border-radius:14px;background:var(--mk-panel);border:1px solid var(--mk-line);cursor:pointer;transition:border-color .15s,transform .2s var(--ease)}
.scard:hover{border-color:var(--mk-line-hi);transform:translateY(-2px)}
.scard .b{flex:1;min-width:0}
.scard b{font-size:16px}
.scard .s{font-size:13px;color:var(--mk-muted)}
.cartrow{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;padding:14px 0;border-block-start:1px solid #DDD6CF;align-items:center}
.cartrow:first-child{border-block-start:0}
.cartrow .pimg{width:88px;height:88px;border-radius:12px;overflow:hidden;background:var(--mk-card-2)}
.cartrow .pimg svg{width:100%;height:100%;display:block}
.sumrow{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-variant-numeric:tabular-nums}
.sumrow.total{font-size:20px;font-weight:800;border-block-start:1px solid #DDD6CF;padding-top:12px;margin-top:6px}
.pay-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;border:1.5px solid #D4CDC6;background:#fff;cursor:pointer;text-align:start;width:100%}
.pay-card.on{border-color:var(--mk-accent);box-shadow:inset 0 0 0 1px var(--mk-accent)}
.pay-card .pm{width:44px;height:30px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;flex:none}
.timeline{display:flex;flex-direction:column}
.tl{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;position:relative;padding-block-end:16px}
.tl::before{content:"";position:absolute;inset-inline-start:13px;top:26px;bottom:0;width:2px;background:#DDD6CF}
.tl:last-child::before{display:none}
.tl .d{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#E4DED7;color:#776C6B;border:2px solid #fff;box-shadow:0 0 0 1px #DDD6CF}
.tl.done .d{background:var(--mk-accent);color:#fff;box-shadow:0 0 0 1px var(--mk-accent)}
.tl.cur .d{background:#fff;color:var(--mk-accent);box-shadow:0 0 0 2px var(--mk-accent);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(142,26,39,.15)}}
.tl.warn .d{background:#C8961E;color:#fff}
.tl b{display:block;font-size:14.5px}
.tl span{font-size:12.5px;color:var(--mk-ink-2)}
.escrow-box{border-radius:14px;padding:16px;display:flex;gap:14px;align-items:flex-start;border:1px solid}
.escrow-box.held{background:#F6EEDC;border-color:#E6D3A8;color:#5A4210}
.escrow-box.released{background:#DFF0E3;border-color:#B8DCC1;color:#21522E}
.escrow-box.refunded{background:#E2EAF3;border-color:#BFD0E3;color:#28496B}
.escrow-box.none{background:#ECE6DF;border-color:#DDD5CC;color:#4A4042}
.escrow-box .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.6);flex:none}
.demo-box{border:1.5px dashed #B9AEA4;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#F7F4F0}
.demo-box b{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#7A6D6A}
:root[lang="fa"] .demo-box b{letter-spacing:0}
.ordrow{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:14px;background:var(--mk-card);color:var(--mk-ink);cursor:pointer;transition:box-shadow .15s}
.ordrow:hover{box-shadow:0 0 0 2px var(--mk-accent-hi)}
.ordrow .pimg{width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--mk-card-2)}
.ordrow .pimg svg{width:100%;height:100%;display:block}
.stars-in{display:flex;gap:4px;direction:ltr}
.stars-in button{font-size:30px;color:#D6CDC3;line-height:1;transition:transform .1s,color .1s}
.stars-in button.on{color:#C8961E}
.stars-in button:hover{transform:scale(1.12)}
.dispute-head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#DDD6CF;border-radius:12px;overflow:hidden}
.dispute-head>div{background:#fff;padding:12px 14px}
.dispute-head span{display:block;font-size:12px;color:var(--mk-ink-2)}
.dispute-head b{font-variant-numeric:tabular-nums}
.dmsg{display:flex;gap:10px;padding:12px 0;border-block-start:1px solid #E2DBD3}
.dmsg:first-child{border-block-start:0}
.dmsg .role{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:4px}
.dmsg .role.buyer{background:#DDE7F1;color:#365E85}
.dmsg .role.store{background:#E4DED7;color:#4A4042}
.dmsg .role.admin{background:#F3DADD;color:var(--mk-accent)}
.decision{border-radius:12px;padding:14px 16px;border:2px solid var(--mk-accent);background:#FBF2F3}
.mk-section-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px;color:var(--mk-fg)}
.mk-section-h h2{font-size:19px;font-weight:800}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .split{grid-template-columns:minmax(0,1fr)}
  .split>aside{display:none}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msgs{grid-template-columns:290px minmax(0,1fr)}
  .cab{grid-template-columns:minmax(0,1fr)}
  .cab-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .cab-nav .who{display:none}
  .cab-nav .nav-i{width:auto;white-space:nowrap}
  .cab-nav .divider{display:none}
  .mk-layout{grid-template-columns:minmax(0,1fr)}
  .mk-filters{position:static;display:none}
  .mk-filters.open{display:flex}
  .pd,.mkgrid,.rvgrid{grid-template-columns:minmax(0,1fr)}
  .mkgrid aside{position:static!important}
  .auth{grid-template-columns:minmax(0,1fr)}
  .auth-art{padding:32px 24px;min-height:320px;border-inline-end:0;border-block-end:1px solid var(--line)}
  .pstats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pstats button:nth-child(4){border-inline-start:0}
  .pstats button:nth-child(n+4){border-block-start:1px solid var(--line)}
  .reel-grid{grid-template-columns:repeat(3,1fr)}
  .dispute-head{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:981px){.only-mfilter{display:none!important}}
.only-m{display:none!important}
@media (max-width:760px){.only-m{display:inline-grid!important}}
@media (max-width:760px){
  :root{--hdr:60px}
  .brand .logo-img{width:36px}
  .brand{gap:8px}
  .brand .word{letter-spacing:.08em;font-size:19px}
  .langbtn{padding:0 6px;gap:3px}
  .langbtn span:nth-child(2){display:none}
  .topact .iconbtn{width:36px;height:36px}
  .brandreel-in img{width:96px}
  .only-d{display:none!important}
  .hdr-in{padding-inline:16px}
  .hdr-top{height:60px;grid-template-columns:auto 1fr auto;gap:8px}
  .gsearch{display:none}
  .nav{display:none}
  .brand .logo-img{width:46px;height:auto;filter:drop-shadow(0 0 10px rgba(255,90,30,.45));transition:filter .3s}
.brand:hover .logo-img,button:hover>.brand .logo-img{filter:drop-shadow(0 0 16px rgba(255,110,40,.7))}
.brandreel{overflow:hidden;min-height:300px;display:flex;align-items:center}
.brandreel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.brandreel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,6,.92) 0%,rgba(8,6,6,.6) 55%,rgba(8,6,6,.25) 100%);z-index:1}
[dir="rtl"] .brandreel::before{background:linear-gradient(270deg,rgba(8,6,6,.92) 0%,rgba(8,6,6,.6) 55%,rgba(8,6,6,.25) 100%)}
.brandreel-in{position:relative;z-index:2;display:flex;gap:28px;align-items:center;padding:28px;flex-wrap:wrap}
.brandreel-in img{width:150px;height:auto;filter:drop-shadow(0 0 28px rgba(255,90,30,.5));flex:none}
.brandreel h2{font-size:clamp(28px,3.2vw,40px)}
.brandreel p{color:#CFC4BF;max-width:52ch}
.brand .word{font-size:21px}
  .brand .sub{display:none}
  .page{padding-inline:16px;padding-top:calc(var(--hdr) + env(safe-area-inset-top,0px) + 16px);padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.45)}
  .bn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;color:var(--muted);position:relative}
  .bn.on{color:var(--fg)}
  .bn.on .ico{color:var(--red-hi);filter:drop-shadow(0 0 6px var(--glow))}
  .bn .dotbadge{top:0;inset-inline-end:calc(50% - 22px)}
  .page-h h1{font-size:28px}
  .hero-main{min-height:380px}
  .hero-main .b{padding:20px}
  .hero-side{grid-template-columns:minmax(0,1fr)}
  .hcard{grid-template-columns:96px minmax(0,1fr)}
  .grid3,.grid4{grid-template-columns:minmax(0,1fr)}
  .grid4.keep2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cats{grid-template-columns:minmax(0,1fr)}
  .post{padding:14px 14px 8px}
  .post-body,.post-flag{margin-inline-start:0}
  .post-actions{margin-inline-start:-8px}
  .views{display:none}
  .msgs{grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--hdr) - 120px - env(safe-area-inset-bottom,0px));margin-inline:-16px;border-radius:0;border-inline:0}
  .msgs.has-chat .clist{display:none}
  .msgs:not(.has-chat) .chat{display:none}
  .m{max-width:86%}
  .m .mtools{display:none}
  .m.tools-open .mtools{display:flex;opacity:1;visibility:visible;top:-40px;transform:none!important;inset-inline:auto 0}
  .m:not(.me).tools-open .mtools{inset-inline:0 auto}
  .reels{height:calc(100dvh - var(--hdr) - 210px - env(safe-area-inset-bottom,0px));margin-inline:-16px}
  .reel-wrap{position:relative;width:100%;justify-content:center}
  .reel{max-width:100%;border-radius:0;height:100%;width:100%;aspect-ratio:auto;border-inline:0}
  .reel-side{position:absolute;inset-inline-end:10px;bottom:90px;z-index:3}
  .rs{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
  .rs .c{background:rgba(0,0,0,.35);border-color:transparent;color:#fff;backdrop-filter:blur(6px)}
  .reel .info{inset-inline-end:70px}
  .grid2{grid-template-columns:minmax(0,1fr)}
  .types button{padding:10px 2px;font-size:11.5px}
  .modal-wrap{place-items:end center;padding:0}
  .modal,.modal.wide,.modal.sm{width:100%;border-radius:18px 18px 0 0;max-height:94dvh;padding-bottom:env(safe-area-inset-bottom,0px)}
  .reqs{grid-template-columns:1fr}
  .banner{height:140px}
  .prof-b{padding:0 16px 16px}
  .prof-top{margin-top:-48px}
  .prof-top .av.xl{--s:92px}
  .setrow{flex-wrap:wrap}
  .setrow .select{width:100%}
  .code input{width:42px;height:52px}
  .reel-grid{grid-template-columns:repeat(2,1fr)}
  .mkshell{padding:14px;margin-inline:-16px;border-radius:0;border-inline:0}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pcard .pb{padding:10px}
  .pcard .price{font-size:17px}
  .pcard .pt{font-size:13.5px}
  .gal{grid-template-columns:minmax(0,1fr)}
  .gal .thumbs-v{flex-direction:row;order:2}
  .gal .thumbs-v button{width:64px}
  .cartrow{grid-template-columns:64px minmax(0,1fr)}
  .cartrow .pimg{width:64px;height:64px}
  .cartrow>:last-child{grid-column:1/-1}
  .ordrow{grid-template-columns:52px minmax(0,1fr)}
  .ordrow .pimg{width:52px;height:52px}
  .ordrow>:last-child{grid-column:1/-1}
  .log .lr{grid-template-columns:minmax(0,1fr)}
  .mk-top .mk-brand{display:none}
  .lprev .lp-img{width:88px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.view-as{position:sticky;top:calc(var(--hdr) + 8px);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-block-end:16px;border-radius:var(--r-m);background:var(--warn-soft);border:1px solid var(--warn);color:var(--fg);font-size:14px}
.rcode{font:600 clamp(20px,4.6vw,30px)/1.2 var(--f-mono);letter-spacing:.06em;text-align:center;padding:18px 14px;border-radius:var(--r-m);border:1.5px dashed var(--red-hi);background:var(--panel-2);direction:ltr;user-select:all;word-break:break-all}
.qrbox{width:196px;height:196px;padding:8px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none}
.qrbox svg{width:180px;height:180px;display:block}
.secret{font:500 14px/1.5 var(--f-mono);letter-spacing:.08em;direction:ltr;word-break:break-all;user-select:all;padding:8px 10px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line)}
.locknote{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:inherit;opacity:.75}
.navoff{opacity:.55}

/* ===== admin console ===== */
.in-console #scene{display:none}
.in-console body{background:var(--bg)}
.ctop{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;height:60px;padding:0 clamp(12px,2.4vw,28px);background:var(--ov3);backdrop-filter:blur(14px);border-block-end:1px solid var(--line)}
.ctop .tag{white-space:nowrap}
.adm-wrap{padding:22px clamp(12px,2.4vw,28px) 60px;max-width:1500px;margin:0 auto}
.adm{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}
.adm-side{position:sticky;top:82px;display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--ov2);max-height:calc(100vh - 100px);overflow:auto}
.adm-side .nav-i{width:100%;white-space:normal;min-height:38px;font-size:14px}
.adm-g{padding:14px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.adm-g:first-child{padding-top:4px}
.adm-who{display:flex;gap:10px;align-items:center;margin-top:12px;padding:12px 10px 4px;border-block-start:1px solid var(--line);font-size:14px}
.adm-main{min-width:0}
.adm-main>.card,.adm-main>section{margin-block-end:16px}
.dlg{display:grid;grid-template-columns:240px 300px minmax(0,1fr);height:min(72vh,720px);overflow:hidden;padding:0}
.dlg-col{display:flex;flex-direction:column;min-height:0;border-inline-end:1px solid var(--line)}
.dlg-col:last-child{border-inline-end:0}
.dlg-scroll{flex:1;overflow:auto;padding:4px 8px 10px}
.dlg .ci.on{background:var(--ov1);box-shadow:inset 2px 0 0 var(--red-hi)}
.dlg-view .chat-b{min-height:0}
@media (max-width:980px){.adm{grid-template-columns:1fr}.adm-side{position:static;max-height:none;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:8px;scrollbar-width:none}.adm-side::-webkit-scrollbar{display:none}.adm-side .nav-i{width:auto;flex:none;white-space:nowrap;min-height:36px;padding:0 12px;font-size:13px;border:1px solid var(--line)}.adm-g{display:none}.adm-who{display:none}
 .dlg{grid-template-columns:1fr;height:auto}.dlg-col{border-inline-end:0;border-block-end:1px solid var(--line);max-height:300px}.dlg-view{max-height:none;min-height:420px}}
@media (max-width:760px){.ctop .only-d{display:none}.ctop{gap:8px}.ctop b.display{display:none}}
.testpay-bar{display:flex;gap:8px;align-items:center;justify-content:center;margin-block-end:14px;padding:8px 14px;border-radius:10px;background:var(--warn-soft);border:1px solid var(--warn);color:var(--fg);font-size:13px;font-weight:600;text-align:center}
@media (max-width:380px){.topact .iconbtn{width:32px;height:32px}.topact{gap:0}.hdr-top .brand small{display:none}}
.mk-bar{flex-wrap:wrap;row-gap:8px}.mk-bar .select{max-width:100%}
@media (max-width:340px){.brand .word{font-size:16px;letter-spacing:.04em}.brand .logo-img{width:30px}.hdr-in{padding-inline:10px}}
.mk-bar .row{flex-wrap:wrap;min-width:0;max-width:100%}.mk-bar label.row{flex:1 1 140px}.mk-bar label .select{min-width:0;flex:1}
@media (max-width:760px){.testpay-bar{font-size:12px;font-weight:500;padding:6px 10px;margin-block-end:10px}}

/* ================= v2: editor, lightbox, fullscreen media, product form, geo, requests, admin ================= */
.pcard .pimg img,.gal .main img,.gal .thumbs-v img,.cartrow .pimg img{width:100%;height:100%;object-fit:cover;display:block}
.pimg-none{display:grid;place-items:center;width:100%;height:100%;background:var(--mk-card-2);color:var(--mk-ink-2)}
.pimg-none::after{content:"";width:34%;aspect-ratio:1;border-radius:12px;border:2px dashed currentColor;opacity:.35}
.gal .main{position:relative;cursor:zoom-in}
.zoomhint{position:absolute;inset-block-end:10px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;pointer-events:none}
.ftag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;background:var(--mk-card-2);color:var(--mk-ink-2);font-size:11.5px;font-weight:600;white-space:nowrap}
.ftag.lg{height:30px;padding:0 12px;font-size:13px;background:#fff;border:1px solid var(--mk-card-2);color:var(--mk-ink)}
.pmeta{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
/* markdown media */
.md-fig{margin:18px 0;display:flex;flex-direction:column;gap:6px}
.md-fig img,.md-fig video{width:100%;max-height:72vh;object-fit:contain;border-radius:var(--r-m);background:var(--panel-2)}
.md-fig img{cursor:zoom-in}
.md-fig figcaption{font-size:13px;color:var(--muted);text-align:center}
/* editor */
.ed-card{display:flex;flex-direction:column;gap:14px}
.ed-title{font-size:22px;font-weight:700;height:52px}
.ed-cover{display:flex;flex-direction:column;gap:8px}
.ed-cover img{width:100%;max-height:260px;object-fit:cover;border-radius:var(--r-m);cursor:zoom-in}
.ed-body-card{padding:0;overflow:visible}
.ed-body-card>.ed-toolbar{border-radius:var(--r-l) var(--r-l) 0 0}
.ed-toolbar{position:sticky;top:var(--hdr,64px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;background:var(--panel);border-bottom:1px solid var(--line-soft)}
.ed-sep{width:1px;height:22px;background:var(--line);margin:0 4px}
.ed-text{width:100%;min-height:420px;border:0;border-radius:0;padding:18px;font-size:16px;line-height:1.65;resize:vertical;background:transparent}
.ed-text:focus{outline:none;box-shadow:inset 0 0 0 2px var(--red)}
.ed-preview{padding:18px 22px;min-height:420px}
.ed-progress{display:flex;flex-direction:column;gap:6px}
.ed-progress:empty{display:none}
.ed-body-card .ed-progress{padding:0 12px 10px}
.ed-up{display:grid;grid-template-columns:minmax(0,1fr) 140px 44px;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.ed-up .bar{height:6px;border-radius:99px;background:var(--panel-3);overflow:hidden}
.ed-up .bar i{display:block;height:100%;background:var(--red-hi);transition:width .2s}
.ed-up .pc{text-align:end;font-variant-numeric:tabular-nums}
.ed-actions{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;z-index:6;box-shadow:var(--shadow-pop)}
/* lightbox */
.lightbox{position:fixed;inset:0;z-index:130;background:rgba(5,4,4,.94);display:flex;flex-direction:column;animation:fadein .15s}
.lb-top{display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;color:#fff;font-size:14px}
.lb-top .iconbtn{color:#fff}
.lb-stage{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;padding:0 12px 16px}
.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;user-select:none}
.lb-stage.zoom{place-items:start center}
.lb-stage.zoom img{max-width:none;max-height:none;width:auto;cursor:zoom-out}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff}
.lb-nav:hover{background:rgba(255,255,255,.22)}
.lb-nav.prev{inset-inline-start:12px}.lb-nav.next{inset-inline-end:12px}
:root[dir="rtl"] .lb-nav svg{transform:scaleX(-1)}
@media (max-width:760px){.lb-nav{display:none}}
/* fullscreen media */
html.fs-open,html.fs-open body{overflow:hidden}
.mediafs{position:fixed;inset:0;z-index:125;background:#000;color:#fff}
.mfs-scroll{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain}
.mfs-item{position:relative;height:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center}
.mfs-item video,.mfs-item img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.mfs-cap{position:absolute;inset-inline:0;inset-block-end:0;padding:60px 16px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:14px;line-height:1.45}
.mfs-cap .linkbtn{color:#fff;text-decoration:underline}
.mfs-bar{position:absolute;inset-inline:0;top:0;display:flex;align-items:center;gap:6px;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;background:linear-gradient(rgba(0,0,0,.6),transparent);z-index:2}
.mfs-bar .iconbtn{color:#fff;background:rgba(0,0,0,.35)}
.mfs-n{font-size:13px;opacity:.85;font-variant-numeric:tabular-nums}
/* geo picker */
.geo-list{display:flex;flex-direction:column;max-height:min(52vh,420px);overflow:auto;border:1px solid var(--line-soft);border-radius:var(--r-m)}
.geo-i{display:flex;align-items:center;gap:10px;padding:11px 12px;text-align:start;border-bottom:1px solid var(--line-soft);color:var(--fg)}
.geo-i:last-child{border-bottom:0}
.geo-i:hover,.geo-i:focus-visible{background:var(--panel-2)}
/* product form */
.np-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.np-ph,.np-add{position:relative;aspect-ratio:1;border-radius:var(--r-m);overflow:hidden;background:var(--panel-2);border:1px solid var(--line)}
.np-ph.cover{border:2px solid var(--red-hi)}
.np-ph img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.np-badge{position:absolute;top:6px;inset-inline-start:6px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:11.5px;font-weight:600}
.np-ph.cover .np-badge{background:var(--red)}
.np-tools{position:absolute;inset-inline:0;bottom:0;display:flex;justify-content:space-between;padding:4px;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.np-tools button{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff}
.np-tools button:disabled{opacity:.3}
.np-tools button:hover:not(:disabled){background:var(--red)}
.np-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-style:dashed;border-color:var(--line-strong);color:var(--muted);cursor:pointer;font-size:13px}
.np-add:hover{color:var(--fg);border-color:var(--red-hi)}
.np-add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.np-vars{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.np-var{display:grid;grid-template-columns:minmax(0,1fr) 150px auto auto;gap:8px;align-items:center}
.np-price{position:relative}
.np-price span{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.np-price .input{padding-inline-end:28px}
@media (max-width:560px){.np-var{grid-template-columns:minmax(0,1fr) 120px;}.np-var .check{grid-column:1}.np-var .iconbtn{justify-self:end}}
.pickbox{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel-2);flex:1 1 200px}
.pickbox:has(input:checked){border-color:var(--red-hi)}
.staff-perms{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px}
.staff-perms .check{padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--r-m)}
.staff-perms .check:has(input:checked){border-color:var(--red-hi);background:var(--panel-2)}
/* mentions & requests */
.mention-pop{background:var(--panel-2);border-radius:var(--r-m);box-shadow:var(--shadow-pop);padding:4px;max-height:260px;overflow:auto}
.mention-pop .mi{width:100%;display:flex;align-items:center;gap:8px}
.mention-pop .mi.on{background:var(--panel-3)}
.req-box{border-bottom:1px solid var(--line-soft);padding-bottom:6px;margin-bottom:4px}
.req{padding:6px 12px 10px;display:flex;flex-direction:column;gap:6px}
.req .urow{padding:0}
.req-text{margin:0;padding:8px 10px;border-radius:var(--r-m);background:var(--panel-2);font-size:13.5px;white-space:pre-wrap;word-break:break-word}
.unr{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--red);color:#fff;font-size:11.5px;font-weight:700}
.ucat{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;vertical-align:middle;color:var(--uc);background:color-mix(in srgb,var(--uc) 16%,transparent);border:1px solid color-mix(in srgb,var(--uc) 45%,transparent)}
/* shared card in messages */
.shared.rich{display:flex;gap:10px;align-items:stretch;text-align:start;padding:6px;max-width:320px;width:100%;color:inherit}
.shared.rich img{width:64px;height:64px;flex:none;object-fit:cover;border-radius:8px}
.sh-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.shared .sh-k{display:inline-flex;align-items:center;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.7;-webkit-line-clamp:unset}
.shared .sh-open{font-size:12px;font-weight:600;opacity:.9;display:inline-flex;align-items:center;gap:2px;margin-top:2px}
:root[lang="fa"] .shared .sh-k{letter-spacing:0}
/* admin */
.nm3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.nm3 .input{height:36px}
@media (max-width:640px){.nm3{grid-template-columns:1fr}}
.tbl tr.subrow td:first-child{padding-inline-start:28px}
.sm-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:860px){.sm-grid{grid-template-columns:1fr}}
.sm-prev{position:relative;aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;background:#000}
.sm-prev video{width:100%;height:100%;object-fit:cover;display:block}
.sm-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#bbb;font-size:13px;text-align:center;padding:16px}
.sm-badge{position:absolute;top:8px;inset-inline-start:8px}
.gal .main .zoomhint svg{width:14px;height:14px;flex:none}
.shared .sh-b{display:flex;flex-direction:column;-webkit-line-clamp:unset;overflow:visible;opacity:1;font-size:inherit}
.shared .sh-b>span:not(.sh-k):not(.sh-open){font-size:12.5px;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shared .sh-b b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ed-toolbar label,.ed-cover label,.sm-grid label.btn{position:relative;overflow:hidden}
.ed-toolbar input[type=file],.ed-cover input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
@media (max-width:760px){.ed-actions{bottom:calc(72px + env(safe-area-inset-bottom,0px))}.ed-toolbar{top:60px}}
@media (max-width:760px){
 .tbl.ref thead{display:none}
 .tbl.ref,.tbl.ref tbody,.tbl.ref tr,.tbl.ref td{display:block;width:100%}
 .tbl.ref td{border:0;padding:6px 12px;min-width:0!important}
 .tbl.ref tr{border-block-end:1px solid var(--line);padding:8px 0}
 .tbl.ref td.num::before{content:"# ";color:var(--faint)}
 .tbl.ref .acts{justify-content:flex-start;flex-wrap:wrap}
}
.log .lr>span{min-width:0;overflow-wrap:anywhere}

/* ================= stories ================= */
.st-bar{padding:14px 12px 10px;margin-block-end:16px}
.st-row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin;padding:2px 4px 4px;scroll-snap-type:x proximity}
.st-it{position:relative;flex:none;scroll-snap-align:start}
.st-c{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;border-radius:var(--r-m);padding:2px 0}
.st-c:focus-visible{outline:2px solid var(--red-hi);outline-offset:2px}
.st-n{max-width:84px;font-size:12px;color:var(--fg-soft);text-align:center}
.st-empty{align-self:center;font-size:13px;padding-inline:6px;max-width:280px}
/* ring: bright for new stories, muted when everything is watched */
.st-ring{--rw:3px;position:relative;display:inline-grid;place-items:center;padding:var(--rw);border-radius:50%;background:var(--line-strong);transition:transform .15s var(--ease)}
.st-ring>.av{box-shadow:0 0 0 2px var(--panel)}
.st-ring.new{background:conic-gradient(from 210deg,var(--ember),var(--red-hi),var(--red),var(--wine),var(--ember));box-shadow:0 0 14px var(--glow)}
.st-ring.seen{background:var(--line-strong)}
.st-ring.add{background:transparent;padding:var(--rw);border:2px dashed var(--line-strong)}
.st-c:hover .st-ring{transform:scale(1.04)}
.st-badge{position:absolute;inset-inline-end:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#B3202F,#8A1622);color:#fff;border:2px solid var(--panel)}
.st-plus{position:absolute;top:50px;inset-inline-end:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#B3202F,#8A1622);color:#fff;border:2px solid var(--panel)}
/* profile avatar with ring */
.st-prof.st-ring{--rw:4px;cursor:pointer;align-self:flex-end}
.prof-top .st-prof .av{border:3px solid var(--panel)}
/* archive */
.st-day{font-size:15px;margin:14px 0 8px;color:var(--fg-soft)}
.st-day:first-of-type{margin-top:0}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.st-th{position:relative;aspect-ratio:9/16;border-radius:var(--r-m);overflow:hidden;background:var(--panel-3);border:1px solid var(--line-soft)}
.st-th img,.st-th video{width:100%;height:100%;object-fit:cover;display:block}
.st-th:hover{border-color:var(--line-strong)}
.st-tt{position:absolute;inset:0;display:grid;place-items:center;padding:10px;font-size:13px;line-height:1.35;text-align:center;overflow:hidden;word-break:break-word}
.st-tm,.st-vw{position:absolute;bottom:6px;font-size:11.5px;color:#fff;background:rgba(0,0,0,.55);border-radius:var(--r-pill);padding:2px 7px;display:inline-flex;align-items:center;gap:4px}
.st-tm{inset-inline-start:6px}.st-vw{inset-inline-end:6px}
.st-vi{position:absolute;top:6px;inset-inline-end:6px;color:#fff;background:rgba(0,0,0,.55);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}
/* viewer */
.storyv{position:fixed;inset:0;z-index:55;background:rgba(4,2,2,.97);backdrop-filter:blur(6px);padding:16px;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff;animation:fadein .15s;touch-action:none;user-select:none;-webkit-user-select:none}
.sv-stage{position:relative;height:min(calc(100dvh - 32px),calc(100vw * 16 / 9));max-height:100dvh;aspect-ratio:9/16;max-width:100vw;background:#000;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.sv-bars{position:absolute;top:0;inset-inline:0;display:flex;gap:4px;padding:calc(10px + env(safe-area-inset-top,0px)) 10px 0;z-index:3}
.sv-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.sv-bars b{display:block;height:100%;background:#fff;width:0}
[dir="rtl"] .sv-bars b{margin-inline-start:auto}
.sv-head{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));inset-inline:0;display:flex;align-items:center;gap:4px;padding:0 8px 0 12px;z-index:3;background:linear-gradient(rgba(0,0,0,.45),transparent);padding-block-end:18px}
.sv-head .iconbtn{color:#fff;background:transparent}
.sv-head .iconbtn:hover{background:rgba(255,255,255,.12)}
.sv-who{display:flex;align-items:center;gap:9px;min-width:0;color:#fff;text-align:start}
.sv-who b{display:block;font-size:14px;max-width:46vw}
.sv-time{display:block;font-size:12px;opacity:.8}
.sv-body{position:absolute;inset:0;display:grid;place-items:center}
.sv-media{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.sv-text{position:absolute;inset:0;display:grid;place-items:center;padding:56px 28px}
.sv-text p{margin:0;font-family:var(--f-display);font-size:clamp(22px,4.2vh,34px);line-height:1.25;text-align:center;word-break:break-word;white-space:normal}
.sv-cap{position:absolute;inset-inline:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));margin:0 16px;padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.55);font-size:15px;line-height:1.4;text-align:center;z-index:2;word-break:break-word}
.sv-foot{position:absolute;inset-inline:0;bottom:0;padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;background:linear-gradient(transparent,rgba(0,0,0,.55));z-index:3}
.sv-views{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:600;padding:8px 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.12)}
.sv-views:hover{background:rgba(255,255,255,.2)}
.sv-nav{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);flex:none}
.sv-nav:hover{background:rgba(255,255,255,.2)}
@media (max-width:760px),(pointer:coarse){
  .storyv{gap:0;background:#000;padding:0}
  .sv-stage{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}
  .sv-nav{display:none}
}
/* composer */
.st-modal{max-width:760px}
.st-mode{margin-block-end:14px}
.st-mode button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.st-comp{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:18px;align-items:start}
.st-prev{position:relative;aspect-ratio:9/16;border-radius:var(--r-l);overflow:hidden;background:#000;border:1px solid var(--line)}
.st-prev img,.st-prev video{width:100%;height:100%;object-fit:contain;display:block}
.st-prev .sv-text p{font-size:20px}
.st-prev .sv-cap{bottom:12px;margin:0 10px;font-size:13px;color:#fff}
.st-drop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;cursor:pointer;color:var(--muted);background:var(--panel-2);border:1.5px dashed var(--line-strong);border-radius:inherit}
.st-drop:hover{color:var(--fg);border-color:var(--red-hi)}
.st-drop input,.st-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}
.st-pick{position:relative;overflow:hidden}
.st-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.st-bgs{display:flex;flex-wrap:wrap;gap:8px}
.st-bg{width:34px;height:34px;border-radius:50%;border:2px solid var(--line-strong)}
.st-bg.on{border-color:var(--fg);box-shadow:0 0 0 2px var(--red-hi)}
.st-prog{height:6px;border-radius:3px;background:var(--panel-3);overflow:hidden}
.st-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--ember));transition:width .2s}
@media (max-width:640px){
  .st-comp{grid-template-columns:1fr}
  .st-prev{max-width:200px;margin:0 auto;width:100%}
  .st-grid{grid-template-columns:repeat(3,1fr)}
}
.st-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.st-vrow{width:100%;text-align:start;border-radius:var(--r-m)}
.st-vrow:hover{background:var(--hover)}

/* ================= information pages ================= */
.rich ol{margin:0;padding-inline-start:24px;display:flex;flex-direction:column;gap:6px}
.rich a{color:var(--red-hi);text-decoration:underline;text-underline-offset:3px}
/* footer sections */
.foot-sec{gap:4px;min-width:150px;max-width:240px}
.foot-h{color:var(--silver);font-weight:700;font-size:13.5px;text-align:start;margin-block-end:4px;transition:color .15s var(--ease)}
.foot-h:hover,.foot-h:focus-visible{color:var(--fg)}
.foot-l{color:var(--muted);text-align:start;font-size:13px;line-height:1.35;padding:2px 0;border-radius:4px;transition:color .15s var(--ease),transform .15s var(--ease)}
.foot-l:hover,.foot-l:focus-visible{color:var(--red-hi);transform:translateX(2px)}
[dir="rtl"] .foot-l:hover,[dir="rtl"] .foot-l:focus-visible{transform:translateX(-2px)}
/* page: navigation tree + text */
.info-page{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start;max-width:1120px;margin:0 auto}
.info-side{position:sticky;top:calc(var(--hdr) + 16px)}
.inav{padding:10px;display:flex;flex-direction:column;gap:6px;max-height:calc(100dvh - var(--hdr) - 40px);overflow-y:auto}
.inav-sec+.inav-sec{border-block-start:1px solid var(--line-soft);padding-block-start:6px}
.inav-h{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--r-s);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:start;transition:color .15s var(--ease),background .15s var(--ease)}
.inav-h:hover{color:var(--fg);background:var(--hover)}
.inav-sec.on .inav-h{color:var(--fg)}
.inav-sec.on .inav-h .ico{color:var(--red-hi)}
.inav-list{display:flex;flex-direction:column;gap:2px;padding-inline-start:10px;margin-inline-start:16px;border-inline-start:1px solid var(--line)}
.inav-i{position:relative;display:block;width:100%;text-align:start;padding:7px 10px;border-radius:var(--r-s);font-size:14px;color:var(--fg-soft);line-height:1.35;transition:color .15s var(--ease),background .15s var(--ease)}
.inav-i:hover{background:var(--hover);color:var(--fg)}
.inav-i.on{background:var(--panel-3);color:var(--fg);font-weight:600;box-shadow:inset 0 0 0 1px var(--line-strong)}
.inav-i.on::before{content:"";position:absolute;inset-inline-start:-11px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--red-hi);box-shadow:0 0 8px var(--glow)}
.inav-h:focus-visible,.inav-i:focus-visible,.foot-h:focus-visible,.foot-l:focus-visible{outline:2px solid var(--red-hi);outline-offset:2px}
.info-toggle{display:none}
.info-main{padding:26px 30px 24px;min-width:0}
.info-crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--faint);margin-block-end:10px;text-transform:uppercase;letter-spacing:.06em}
.info-crumbs .linkbtn{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.info-h{font-family:var(--f-display);font-size:clamp(28px,3.6vw,42px);line-height:1.1;margin:0 0 18px}
.info-body{max-width:72ch}
.info-upd{margin:22px 0 0}
.info-pn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;padding-top:18px;border-block-start:1px solid var(--line-soft)}
.info-pn-b{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--r-m);border:1px solid var(--line-soft);text-align:start;transition:border-color .15s var(--ease),background .15s var(--ease)}
.info-pn-b.next{text-align:end;align-items:flex-end;grid-column:2}
.info-pn-b:hover{border-color:var(--line-strong);background:var(--hover)}
.info-pn-b b{font-size:14.5px;color:var(--fg)}
.info-pn-b .hint{display:inline-flex;align-items:center;gap:4px}
@media (max-width:900px){
  .info-page{grid-template-columns:1fr;gap:12px}
  .info-side{position:static}
  .info-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:var(--r-m);background:var(--card-a);border:1px solid var(--line);color:var(--fg);font-weight:600;font-size:14px;text-align:start}
  .info-toggle .ell{flex:1;min-width:0}
  .info-toggle>.ico:last-child{transition:transform .2s var(--ease)}
  .info-side.open .info-toggle>.ico:last-child{transform:rotate(180deg)}
  .info-side .inav{display:none;margin-top:8px;max-height:none}
  .info-side.open .inav{display:flex;animation:fadein .15s}
  .info-main{padding:20px 18px}
  .info-pn{grid-template-columns:1fr}
  .info-pn-b.next{grid-column:auto}
}
/* administration */
.info-rows{display:flex;flex-direction:column;gap:6px}
.info-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--r-m);border:1px solid var(--line-soft);background:var(--field);transition:border-color .15s var(--ease)}
.info-row:hover{border-color:var(--line-strong)}
.info-row.off{opacity:.7}
.info-secname summary{cursor:pointer;color:var(--muted);font-size:13px}
.ie-tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px;border:1px solid var(--line);border-block-end:0;border-radius:var(--r-m) var(--r-m) 0 0;background:var(--panel-2)}
.ie-tools+textarea,.ie-tools+.ie-prev{border-start-start-radius:0;border-start-end-radius:0}
.ie-img{position:relative;overflow:hidden}
.ie-img input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ie-prev{min-height:340px;padding:16px;border:1px solid var(--line);border-radius:0 0 var(--r-m) var(--r-m);max-width:none}
#ie-body{font-family:var(--f-mono);font-size:13.5px;line-height:1.6}
.info-adm h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media (max-width:760px){
  footer.foot .foot-in{padding-block-end:calc(96px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}
  footer.foot .foot-in>.col:first-child,footer.foot .foot-in>div[style*="width:100%"]{grid-column:1/-1}
  .foot-sec{min-width:0;max-width:none}
}

/* ================= «Мои финансы» ================= */
.fin{display:flex;flex-direction:column;gap:16px}
.fin-kpis{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(200px,.9fr)}
.fin-kpi .l{display:flex;align-items:center;gap:6px}
.fin-kpi .l .ico{color:var(--steel);width:15px;height:15px;margin:0;display:block}
.fin-kpi{transition:border-color .15s var(--ease),transform .15s var(--ease)}
.fin-kpi:hover{border-color:var(--line-strong)}
.fin-acts{padding:14px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.fin-acts .linkbtn{align-self:center;font-size:13px;margin-top:2px}
.fin-sub{gap:16px;align-items:start}
.fin-sub .sumrow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-block-end:1px solid var(--line-soft);font-size:14px}
.fin-sub .sumrow:last-of-type{border-block-end:0}
.fin-sub .sumrow b{font-variant-numeric:tabular-nums}
.fin-hist{overflow:hidden}
.fin-hist-h{padding:16px 16px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fin-hist-h .seg{width:auto}
.fin-tbl td{vertical-align:middle}
.fin-date{display:block;font-weight:600}
.fin-kind{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.fin-kind .ico{color:var(--steel)}
.fin-dsc{color:var(--fg-soft);max-width:420px}
.fin-amt{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.fin-in{color:var(--ok)}.fin-out{color:var(--fg)}
.fin-empty{padding:36px 16px 40px}
@media (max-width:980px){.fin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .fin-kpis{grid-template-columns:1fr}
  .fin-acts{flex-direction:row;flex-wrap:wrap}.fin-acts .btn{flex:1 1 140px}
  .fin-sub{grid-template-columns:1fr}
  /* operations become stacked cards */
  .fin-tbl thead{display:none}
  .fin-tbl,.fin-tbl tbody,.fin-tbl tr,.fin-tbl td{display:block;width:100%}
  .fin-tbl tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 16px;border-block-start:1px solid var(--line-soft)}
  .fin-tbl td{padding:0;border:0;max-width:none}
  .fin-tbl td:nth-child(1){grid-column:1;order:3;color:var(--faint);font-size:12.5px}
  .fin-tbl td:nth-child(1) .fin-date,.fin-tbl td:nth-child(1) .hint{display:inline;font-weight:400;margin-inline-end:6px}
  .fin-tbl td:nth-child(2){grid-column:1;order:1}
  .fin-tbl td:nth-child(3){grid-column:1/-1;order:2;font-size:13.5px}
  .fin-tbl td:nth-child(4){grid-column:2;grid-row:1;order:1;text-align:end}
  .fin-tbl td:nth-child(5){grid-column:2;order:3;text-align:end}
}
.fin .box-h h3{display:flex;align-items:center;gap:8px}
.fin .box-h h3 .ico{color:var(--steel)}
.fin-sub .hint{display:flex;gap:6px;align-items:flex-start}
.fin-sub .hint .ico{margin-top:2px}

/* =====================================================================
   Social navigation (v3): slim top bar «Новости | Маркет», left social sidebar,
   icon rail on tablets, slide-out drawer + bottom bar on phones.
   Uses the existing tokens only, so both themes and RTL keep working.
   ===================================================================== */
:root{--hdr:64px;--sn-w:244px;--sn-rail:84px}
.sn-searchbtn{display:none!important}
.sn-hdr .hdr-in{max-width:1400px}
.sn-hdr .hdr-top{grid-template-columns:auto auto minmax(0,1fr) auto;gap:18px}
.sn-hl{display:flex;align-items:center;gap:6px;min-width:calc(var(--sn-w) - 10px)}
.sn-burger{display:none}
.sn-bdot{top:2px;inset-inline-end:0}
.sn-brand{display:flex;border-radius:var(--r-m)}
.sn-top{display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--field)}
.sn-tab{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;border-radius:var(--r-pill);font-weight:700;font-size:14.5px;letter-spacing:.01em;color:var(--muted);white-space:nowrap;transition:color .15s,background .15s,box-shadow .2s}
.sn-tab:hover{color:var(--fg);background:var(--panel-2)}
.sn-tab.on{color:var(--red-ink);background:linear-gradient(180deg,#B3202F,#8A1622);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 18px var(--glow)}
.sn-tab.on .ico{color:var(--red-ink)}
.sn-hdr .gsearch{max-width:440px;justify-self:end}
.sn-create{margin-inline:6px}
.sn-avbtn{margin-inline-start:6px;border-radius:50%}
.sn-avbtn:hover .av{box-shadow:0 0 0 2px var(--red-hi),0 0 14px var(--glow);border-radius:50%}

/* layout: sidebar + content column */
.sn-wrap{max-width:1400px;margin:0 auto;padding:calc(var(--hdr) + env(safe-area-inset-top,0px) + 22px) 20px 0;display:grid;grid-template-columns:var(--sn-w) minmax(0,1fr);gap:28px;align-items:start}
.sn-col{min-width:0}
.sn-wrap .page{max-width:none;margin:0;padding:0 0 56px}
.sn-col>footer.foot{margin-top:8px}
.sn-col>footer .foot-in{padding-inline:0}
.sn-scrim{display:none}

/* sidebar */
.sn-side{position:sticky;top:calc(var(--hdr) + 22px);max-height:calc(100dvh - var(--hdr) - 34px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;display:flex;flex-direction:column;gap:2px;padding-block-end:12px}
.sn-dh{display:none}
.sn-me{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-block-end:8px;border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(180deg,var(--card-a),var(--card-b));text-align:start;transition:border-color .15s,box-shadow .2s}
.sn-me:hover,.sn-me.on{border-color:var(--red);box-shadow:0 0 16px rgba(196,32,48,.16)}
.sn-me-t{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.sn-me-t b{font-size:14.5px;font-weight:700}
.sn-me-t span{font-size:12.5px;color:var(--faint)}
.sn-me>.ico{color:var(--faint);transition:transform .15s var(--ease)}
.sn-me:hover>.ico{transform:translateX(2px);color:var(--fg)}
[dir="rtl"] .sn-me:hover>.ico{transform:translateX(-2px) scaleX(-1)}
.sn-group{display:flex;flex-direction:column;gap:1px}
.sn-i{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 12px;border-radius:var(--r-m);color:var(--muted);font-weight:500;font-size:14.5px;text-align:start;transition:background .15s,color .15s}
.sn-i:hover{background:var(--hover);color:var(--fg)}
.sn-i:hover .sn-ic .ico{color:var(--fg);transform:scale(1.06)}
.sn-ic{position:relative;display:grid;place-items:center;width:24px;height:24px;flex:none}
.sn-ic .ico{color:var(--steel);transition:color .15s,transform .15s var(--ease)}
.sn-l{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-i.on{background:var(--tagred-bg);color:var(--fg);font-weight:600}
.sn-i.on::before{content:"";position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--red-hi);box-shadow:0 0 10px var(--glow)}
.sn-i.on .sn-ic .ico{color:var(--red-hi)}
.sn-i.danger,.sn-i.danger .ico{color:var(--danger)}
.sn-cnt{margin-inline-start:auto;min-width:22px;height:20px;padding:0 7px;border-radius:10px;background:var(--red);color:var(--red-ink);font-size:11.5px;font-weight:800;display:grid;place-items:center;font-variant-numeric:tabular-nums;box-shadow:0 0 10px var(--glow)}
.sn-dot{display:none;position:absolute;top:-2px;inset-inline-end:-3px;width:9px;height:9px;border-radius:50%;background:var(--red-hi);box-shadow:0 0 0 2px var(--bg),0 0 8px var(--glow)}
.sn-sep{height:1px;background:var(--line-soft);margin:10px 12px}
.sn-gh{padding:2px 12px 4px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
:root[lang="fa"] .sn-gh{letter-spacing:0;font-size:12.5px}
.sn-sub .sn-i{min-height:36px;font-size:13.5px}
.sn-sub .sn-ic .ico{width:18px;height:18px}
.sn-mob{display:none}

/* new pages */
.sn-page .page-h{margin-block-end:4px}
.fr-tools{display:flex;align-items:center;gap:10px;padding:12px 14px}
.fr-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.fr-on{color:var(--ok);font-weight:600}
.fr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.fr-card{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(180deg,var(--card-a),var(--card-b));transition:border-color .15s,transform .15s var(--ease)}
.fr-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}
.fr-b{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.fr-b .s{font-size:13px;color:var(--faint)}
.fr-acts{margin-top:8px;gap:6px;flex-wrap:wrap}
.gr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.gr-card{padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .2s}
.gr-card:hover{border-color:var(--line-strong);box-shadow:0 0 18px rgba(196,32,48,.12)}
.gr-top{display:flex;gap:12px;align-items:center}
.gr-top h3{font-size:16.5px;font-weight:700}
.gr-top .s{font-size:13px;color:var(--faint);display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}
.gr-desc{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gr-last{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);padding:8px 10px;border-radius:var(--r-s);background:var(--panel-2)}
.gr-mem{display:flex;align-items:center;gap:0}
.gr-mem .av{margin-inline-end:-6px;box-shadow:0 0 0 2px var(--panel)}
.gr-mem .faint{margin-inline-start:12px;font-size:12.5px}
.soon{display:flex;align-items:center;gap:14px;padding:16px 18px;border-style:dashed}
.soon-ic,.mu-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;background:var(--tagred-bg);color:var(--red-hi)}
.mu-hero{display:flex;gap:28px;align-items:center;padding:28px;flex-wrap:wrap;overflow:hidden}
.mu-disc{width:120px;height:120px;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--red-ink);background:radial-gradient(circle at 50% 50%,var(--panel) 0 14%,transparent 15%),repeating-radial-gradient(circle at 50% 50%,#2a1214 0 2px,#160a0b 2px 5px);box-shadow:0 0 0 2px var(--line-strong),0 0 34px var(--glow);position:relative;animation:spin 9s linear infinite}
.mu-disc .ico{position:relative;z-index:1;animation:spin 9s linear infinite reverse;color:var(--red-hi)}
.mu-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.mu-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-m);background:var(--panel-2);font-size:14px}

/* the account / seller cabinets get one column earlier, the sidebar already takes space */
/* inside the social layout the cabinets use a horizontal tab bar, so there is only one side menu on screen */
@media (min-width:0px){.sn-wrap .cab{grid-template-columns:minmax(0,1fr)}.sn-wrap .cab-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}.sn-wrap .cab-nav .who,.sn-wrap .cab-nav .divider{display:none}.sn-wrap .cab-nav .nav-i{width:auto;white-space:nowrap}}
@media (max-width:1240px) and (min-width:1101px){.sn-hdr .gsearch{max-width:300px}}

/* tablet: icon rail */
@media (max-width:1100px) and (min-width:761px){
  .sn-wrap{grid-template-columns:var(--sn-rail) minmax(0,1fr);gap:20px;padding-inline:16px}
  .sn-hl{min-width:0}
  .sn-hdr .brand .sub{display:none}
  .sn-hdr .sn-create span{display:none}
  .sn-hdr .sn-create{width:32px;padding:0}
  .sn-hdr .gsearch{display:none}
  .sn-hdr .hdr-top{grid-template-columns:auto auto minmax(0,1fr) auto}
  .sn-hdr .topact{grid-column:4}
  .sn-searchbtn{display:inline-grid!important}
  .sn-side{align-items:stretch}
  .sn-me{justify-content:center;padding:8px;border-radius:50%;width:56px;height:56px;margin-inline:auto}
  .sn-me-t,.sn-me>.ico{display:none}
  .sn-i{justify-content:center;padding:0;min-height:48px;flex-direction:column;gap:2px}
  .sn-i{padding:6px 2px}
  .sn-i .sn-l{flex:none;font-size:10.5px;font-weight:600;line-height:1.15;max-width:80px;text-align:center;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .sn-sub .sn-i .sn-l{font-size:10px}
  .sn-i .sn-cnt{display:none}
  .sn-dot:not([hidden]){display:block}
  .sn-i.on::before{top:12px;bottom:12px}
  .sn-gh{text-align:center;padding-inline:0;font-size:10px;letter-spacing:.06em}
  .sn-sep{margin-inline:8px}
}
/* phones: drawer + bottom bar */
@media (max-width:760px){
  .sn-hdr .hdr-top{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}
  .sn-hl{min-width:0;gap:2px}
  .sn-searchbtn{display:inline-grid!important}
  .sn-burger{display:inline-grid;margin-inline-start:-6px}
  .sn-top{justify-self:center;padding:3px;gap:2px}
  .sn-tab{height:32px;padding:0 12px;font-size:13.5px;gap:6px}
  .sn-wrap{display:block;padding:calc(var(--hdr) + env(safe-area-inset-top,0px) + 16px) 16px 0}
  .sn-wrap .page{padding-bottom:24px}
  .sn-side{position:fixed;z-index:70;top:0;bottom:0;inset-inline-start:0;width:min(320px,86vw);max-height:none;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px calc(env(safe-area-inset-bottom,0px) + 16px);background:linear-gradient(180deg,var(--modal-a),var(--modal-b));border-inline-end:1px solid var(--line);box-shadow:var(--shadow-pop);transform:translateX(-104%);visibility:hidden;transition:transform .28s var(--ease),visibility 0s linear .28s}
  [dir="rtl"] .sn-side{transform:translateX(104%)}
  :root.sn-open .sn-side{transform:none;visibility:visible;transition:transform .28s var(--ease),visibility 0s}
  .sn-scrim{display:block;position:fixed;inset:0;z-index:65;background:var(--overlay);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}
  :root.sn-open .sn-scrim{opacity:1;pointer-events:auto}
  :root.sn-open body{overflow:hidden}
  .sn-dh{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0 10px}
  .sn-dh .brand .logo-img{width:36px}
  .sn-i{min-height:44px;font-size:15px}
  .sn-mob{display:flex;flex-direction:column;gap:8px;margin-top:10px}
  .sn-mob .sn-sep{margin:4px 0}
  .bn .dotbadge{top:0;inset-inline-end:calc(50% - 22px)}
}
@media (max-width:560px){
  .sn-hdr .brand .word{display:none}
  .sn-hdr .sn-brand .logo-img{width:34px}
  .sn-hdr .topact .iconbtn{width:34px}
}
@media (max-width:380px){.sn-tab .ico{display:none}.sn-tab{padding:0 10px}}
@media (prefers-reduced-motion:reduce){.mu-disc,.mu-disc .ico{animation:none}}

/* =====================================================================
   v3 · channels, donations, music library, studio, global player, admin
   Built on the same tokens: dark / light theme and RTL follow automatically.
   ===================================================================== */
@keyframes v3up{from{opacity:0;transform:translateY(8px)}}
@keyframes v3pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
@keyframes v3float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes v3spin{to{transform:rotate(360deg)}}
@keyframes v3ring{0%{transform:scale(.5);opacity:.9}100%{transform:scale(2.4);opacity:0}}
@keyframes v3eq{0%,100%{height:3px}50%{height:14px}}
@keyframes v3shine{0%{background-position:-160% 0}100%{background-position:260% 0}}

/* ---------- shared bits ---------- */
.upbar{display:block;height:4px;border-radius:4px;background:var(--panel-3);overflow:hidden;margin-top:6px}
.upbar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--red-hi));box-shadow:0 0 10px var(--glow);transition:width .25s var(--ease)}
.inwrap .prefix{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:var(--faint);font-weight:600;pointer-events:none}
.linkbtn2{color:inherit;transition:color .15s}.linkbtn2:hover{color:var(--red-hi);text-decoration:underline}
.skel-card{overflow:hidden}
.tp-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:var(--r-m);transition:background .15s}
.tp-row:hover{background:var(--hover)}
.tp-row>.ico:last-child{color:var(--faint)}
.vis-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vis-o{position:relative;cursor:pointer}
.vis-o input{position:absolute;opacity:0;pointer-events:none}
.vis-o>span{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:12px 14px;border-radius:var(--r-m);border:1px solid var(--line-strong);background:var(--field);transition:border-color .15s,box-shadow .2s,background .15s;height:100%}
.vis-o>span .ico{grid-row:span 2;color:var(--steel)}
.vis-o small{color:var(--faint);font-size:12.5px;line-height:1.35}
.vis-o:hover>span{border-color:var(--red)}
.vis-o input:checked+span{border-color:var(--red-hi);background:var(--tagred-bg);box-shadow:0 0 16px rgba(196,32,48,.16)}
.vis-o input:checked+span .ico{color:var(--red-hi)}
.vis-o input:focus-visible+span{outline:2px solid var(--red-hi);outline-offset:2px}
.vis-o input:disabled+span{opacity:.55;cursor:not-allowed}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.perm-o{position:relative;cursor:pointer}
.perm-o input{position:absolute;inset-inline-start:12px;top:14px;width:16px;height:16px;accent-color:var(--red)}
.perm-o>span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;padding-inline-start:38px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--field);height:100%;transition:border-color .15s,background .15s}
.perm-o b{font-size:13.5px;font-weight:600}
.perm-o small{font-size:12px;color:var(--faint);line-height:1.35}
.perm-o:hover>span{border-color:var(--line-strong)}
.perm-o input:checked+span{border-color:var(--red-hi);background:var(--tagred-bg)}
/* image pickers (avatar / cover / album art) with upload progress */
.img-pick{position:relative;display:grid;place-items:center;overflow:hidden;cursor:pointer;border:1.5px dashed var(--line-strong);background:var(--field);color:var(--faint);transition:border-color .15s,color .15s}
.img-pick:hover{border-color:var(--red-hi);color:var(--fg)}
.img-pick.round{width:112px;height:112px;border-radius:50%}
.img-pick.square{width:148px;height:148px;border-radius:var(--r-l);flex:none}
.img-pick.wide{width:100%;aspect-ratio:3/1;border-radius:var(--r-l)}
.img-pick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.img-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ip-ph{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:600;text-align:center;padding:8px;z-index:1}
.img-pick[data-has] .ip-ph{opacity:0;color:#fff;background:rgba(0,0,0,.5);border-radius:var(--r-m);transition:opacity .15s}
.img-pick[data-has]:hover .ip-ph{opacity:1}
.img-pick[data-has]{border-style:solid}
.ip-bar{position:absolute;inset-inline:12px;bottom:10px;height:4px;border-radius:4px;background:rgba(0,0,0,.45);overflow:hidden;opacity:0;z-index:2}
.ip-bar i{display:block;height:100%;width:0;background:var(--red-hi);transition:width .2s}
.img-pick.uploading .ip-bar{opacity:1}
.img-pick.uploading img{filter:brightness(.6)}

/* ---------- channels: hub ---------- */
.ch-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px}
.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.ch-card{overflow:hidden;display:flex;flex-direction:column;cursor:pointer;animation:v3up .35s var(--ease) both;transition:border-color .15s,transform .18s var(--ease),box-shadow .2s}
.ch-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow)}
.ch-card-cov .art{aspect-ratio:3/1}
.ch-card-b{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:end;padding:0 14px 14px;flex:1}
.ch-card-b>.ch-av{margin-top:-26px;box-shadow:0 0 0 3px var(--panel);border-radius:28%}
.ch-card-b h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}
.ch-card-b>:not(.ch-av):not(.col){grid-column:1/-1}
.ch-card-b>.btn{margin-top:auto}
.ch-desc{color:var(--muted);font-size:13.5px;line-height:1.45;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.av.ch-av .in{border-radius:28%}
.ch-form-imgs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
/* channel page */
.ch-head .banner{height:220px}
.ch-head .prof-top>.ch-av{border-radius:28%}
.ch-head .prof-top>.ch-av .in{border-radius:26%}
.ch-head .handle{color:var(--faint);margin-top:2px}
.ch-head h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ch-tabs{border-block-start:1px solid var(--line);border-block-end:0}
.ch-split{grid-template-columns:minmax(0,1fr) 330px}
.ch-split>aside{position:sticky;top:calc(var(--hdr) + 22px)}
.btn-donate{position:relative;overflow:hidden;background:linear-gradient(135deg,#E8A33D,#D4562A 55%,#B3202F);color:#FFF8F0;border-color:#F0A04A;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 18px rgba(240,120,40,.28)}
.btn-donate::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:200% 100%;background-position:-160% 0;pointer-events:none}
.btn-donate:hover:not(:disabled)::after{animation:v3shine 1.1s var(--ease)}
.btn-donate:hover:not(:disabled){box-shadow:0 0 0 1px #F7B661,0 0 26px rgba(240,140,50,.45)}
.btn-donate:disabled{filter:grayscale(.4)}
/* sticker tiers: one accent per sticker */
.st-heart{--st:#F0628A}.st-fire{--st:#FF7A2E}.st-star{--st:#F2C14E}.st-rocket{--st:#8FB0CF}.st-crown{--st:#E8B341}.st-diamond{--st:#7FE3E6}
.sup-list{display:flex;flex-direction:column;gap:2px}
.sup{position:relative;display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:var(--r-m);transition:background .15s;animation:v3up .35s var(--ease) both}
.sup:hover{background:var(--hover)}
.sup-list .sup:nth-child(2){animation-delay:.04s}.sup-list .sup:nth-child(3){animation-delay:.08s}.sup-list .sup:nth-child(4){animation-delay:.12s}
.sup-st{position:absolute;inset-inline-start:30px;top:28px;z-index:1;font-size:17px;line-height:1;filter:drop-shadow(0 0 6px var(--st,var(--glow)));animation:v3float 3.2s ease-in-out infinite}
.sup-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sup-amt{color:var(--st,var(--red-hi));font-variant-numeric:tabular-nums;white-space:nowrap}
.sup-msg{font-size:13.5px;line-height:1.4;padding:6px 10px;margin:2px 0;border-radius:4px 12px 12px 12px;background:var(--panel-2);border-inline-start:2px solid var(--st,var(--red));word-wrap:break-word}
[dir="rtl"] .sup-msg{border-radius:12px 4px 12px 12px}
.sup-box{background:linear-gradient(180deg,rgba(232,163,61,.07),transparent 40%),linear-gradient(180deg,var(--card-a),var(--card-b))}
.team-row{align-items:flex-start;padding:12px 0;border-block-start:1px solid var(--line-soft)}
.team-row:first-of-type{border-block-start:0}
/* posts */
.cp{animation:v3up .3s var(--ease) both}
.cp.pinned{border-color:var(--line-strong);box-shadow:inset 3px 0 0 var(--red-hi)}
[dir="rtl"] .cp.pinned{box-shadow:inset -3px 0 0 var(--red-hi)}
.cp.is-hidden{opacity:.6}
.post-media{display:block}
.mgrid.album .art{cursor:zoom-in}
.more-n{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:26px;font-weight:700;pointer-events:none}
.vidbox{border-radius:var(--r-m);border:1px solid var(--line-soft);aspect-ratio:16/9;background:#000}
.vidbox video{object-fit:contain}
.au-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--line-soft)}
.au-play{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(180deg,#B3202F,#8A1622);color:var(--red-ink);transition:transform .15s,box-shadow .2s}
.au-play:hover{transform:scale(1.06);box-shadow:0 0 16px var(--glow)}
.lprev .lp-ico{display:grid;place-items:center;background:var(--panel-2);color:var(--faint);width:84px}
.cp-tracks{border:1px solid var(--line-soft);border-radius:var(--r-m);padding:4px;background:var(--panel-2)}
.dn-chips{display:flex;flex-wrap:wrap;gap:6px}
.dn-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px 0 6px;border-radius:var(--r-pill);font-size:12.5px;font-weight:700;color:var(--fg);background:color-mix(in srgb,var(--st,var(--red)) 16%,transparent);border:1px solid color-mix(in srgb,var(--st,var(--red)) 45%,transparent);animation:v3pop .45s var(--ease) both}
.dn-chip .e{font-size:16px;line-height:1;display:inline-block;transition:transform .2s}
.dn-chip:hover .e{transform:scale(1.25) rotate(-8deg)}
.pa-gift:hover{color:#E8A33D;background:rgba(232,163,61,.12)}
.pa-gift:hover .ico{animation:v3float 1s ease-in-out infinite}
/* composer */
.cp-composer{padding-block-end:10px}
.cp-composer .prompt{padding-block-end:4px}
.cp-composer .textarea{min-height:52px;resize:none;border-radius:var(--r-l);overflow:hidden}
.cp-composer #cp-attach:empty{display:none}
.cp-composer #cp-attach{padding:0 16px 0 72px;display:flex;flex-direction:column;gap:10px}
[dir="rtl"] .cp-composer #cp-attach{padding:0 72px 0 16px}
.cp-tools{padding:6px 12px 2px;gap:4px;border-block-start:1px solid var(--line-soft);margin-top:10px}
.cp-tools .btn.on{color:var(--red-hi);background:var(--tagred-bg)}
.cp-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.cp-m{position:relative;aspect-ratio:1;border-radius:var(--r-m);overflow:hidden;background:var(--panel-2);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;animation:v3pop .3s var(--ease) both}
.cp-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cp-m-ic{position:absolute;inset:0;display:grid;place-items:center;color:var(--steel)}
.cp-m-n{position:relative;font-size:11px;padding:4px 6px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff}
.cp-m .upbar{position:absolute;inset-inline:6px;bottom:22px;margin:0}
.cp-m-x{position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff;opacity:.85;transition:opacity .15s,background .15s}
.cp-m-x:hover{opacity:1;background:var(--danger)}
.cp-sub{padding:12px;border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--line-soft)}
.cp-tr{padding:4px 2px;color:var(--muted)}
/* donation dialog */
.modal.dn-modal .modal-h{background:linear-gradient(90deg,rgba(232,163,61,.14),transparent 60%)}
.modal.dn-modal .modal-h h2{display:flex;align-items:center;gap:8px}
.modal.dn-modal .modal-h h2 .ico{color:#E8A33D}
.dn-stickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dn-st{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--field);transition:border-color .15s,transform .15s var(--ease),box-shadow .2s,opacity .15s}
.dn-st .e{font-size:30px;line-height:1.1;transition:transform .3s var(--ease);filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.dn-st b{font-size:13px}
.dn-st small{font-size:11.5px;color:var(--faint)}
.dn-st:hover:not(:disabled){border-color:var(--st);transform:translateY(-2px)}
.dn-st:hover:not(:disabled) .e{transform:scale(1.15) rotate(-6deg)}
.dn-st.on{border-color:var(--st);background:color-mix(in srgb,var(--st) 14%,var(--field));box-shadow:0 0 0 1px var(--st),0 0 22px color-mix(in srgb,var(--st) 35%,transparent)}
.dn-st.on .e{animation:v3float 2.4s ease-in-out infinite}
.dn-st:disabled{opacity:.38;cursor:not-allowed}
.dn-sum:empty{display:none}
.dn-sum{padding:10px 14px;border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--line-soft)}
.dn-sum .sumrow:last-child{border-block-start:1px dashed var(--line-strong);margin-top:4px;padding-top:8px}
/* thank-you page with an animated sticker */
.dn-done{gap:12px;padding:40px 24px;overflow:hidden}
.dn-burst{position:relative;width:120px;height:120px;display:grid;place-items:center;margin-block-end:8px}
.dn-burst::before,.dn-burst::after{content:"";position:absolute;inset:18px;border-radius:50%;border:2px solid var(--st,var(--red-hi));animation:v3ring 1.8s var(--ease) infinite}
.dn-burst::after{animation-delay:.6s}
.dn-burst span{position:relative;font-size:64px;line-height:1;animation:v3pop .7s var(--ease) both,v3float 3s 0.7s ease-in-out infinite;filter:drop-shadow(0 0 18px var(--st,var(--glow)))}
/* management */
.ch-cab .cab-nav .nav-i{white-space:nowrap}
.split-rows{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.split-row{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(120px,2fr) 110px;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-m);background:var(--panel-2)}
.split-row input[type=range]{width:100%;accent-color:var(--red-hi)}
.split-sum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:10px 14px;border-radius:var(--r-m);font-weight:600;transition:background .2s,color .2s}
.split-sum.ok{background:var(--ok-soft);color:var(--ok)}
.split-sum.bad{background:var(--danger-soft);color:var(--danger)}
.danger-zone{border-color:rgba(234,98,88,.45);background:linear-gradient(180deg,var(--danger-soft),transparent 50%),linear-gradient(180deg,var(--card-a),var(--card-b))}
.danger-zone h2{color:var(--danger)}

/* ---------- music: covers and cards ---------- */
.tr-cov,.al-cov{--h:350;position:relative;display:grid;place-items:center;overflow:hidden;flex:none;color:rgba(255,240,235,.75);background:linear-gradient(135deg,hsl(var(--h),42%,30%),hsl(calc(var(--h) + 40),45%,12%))}
.tr-cov{width:44px;height:44px;border-radius:8px}
.tr-cov.s{width:38px;height:38px;border-radius:7px}
.tr-cov img,.al-cov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.al-cov{width:100%;aspect-ratio:1;border-radius:var(--r-l);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.al-cov.s{width:52px;height:52px;border-radius:8px;box-shadow:none}
.al-cov.xl{width:220px;height:220px;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06)}
.al-cov-ph{display:grid;place-items:center;opacity:.8}
.al-cov.s .al-cov-ph .ico{width:22px;height:22px}
.mosaic{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.mosaic img{position:static;width:100%;height:100%;object-fit:cover}
.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}
.al-card{position:relative;container-type:inline-size;display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:var(--r-l);cursor:pointer;transition:background .18s;animation:v3up .35s var(--ease) both}
.al-card:hover{background:var(--hover)}
.al-card>.al-cov{margin-block-end:8px;transition:transform .25s var(--ease)}
.al-card:hover>.al-cov{transform:translateY(-3px)}
.al-card b{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:6px}
.al-card .faint{font-size:13px}
.al-play{position:absolute;top:calc(100cqw - 56px);inset-inline-end:16px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#C42434,#8A1622);color:var(--red-ink);box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 18px var(--glow);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s var(--ease)}
.al-card:hover .al-play,.al-card:focus-within .al-play{opacity:1;transform:none}
.al-play:hover{transform:scale(1.07)!important}
.ar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.ar-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:14px 10px;border-radius:var(--r-l);cursor:pointer;transition:background .18s;animation:v3up .35s var(--ease) both}
.ar-card:hover{background:var(--hover)}
.ar-card b{font-size:14.5px;display:flex;align-items:center;gap:4px;max-width:100%;justify-content:center}
.ar-card .faint{font-size:12.5px}
.ar-av{--h:20;position:relative;width:120px;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;margin-block-end:8px;font-family:var(--f-display);font-size:38px;color:#F3ECE8;background:linear-gradient(135deg,hsl(var(--h),40%,32%),hsl(calc(var(--h) + 40),45%,14%));box-shadow:0 10px 26px rgba(0,0,0,.4);transition:transform .25s var(--ease)}
.ar-card:hover .ar-av{transform:scale(1.04)}
.ar-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ar-av.xl{width:200px;font-size:60px;margin:0}
/* track list */
.tr-list{display:flex;flex-direction:column}
.tr-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 8px;border-radius:var(--r-m);transition:background .15s}
.tr-row:hover{background:var(--hover)}
.tr-row.playing{background:var(--tagred-bg)}
.tr-row.playing .tr-t{color:var(--red-hi)}
.tr-row.unavail{opacity:.5}
.tr-row.dragging{opacity:.45;outline:1.5px dashed var(--red-hi)}
.tr-list.compact .tr-row{min-height:48px;padding-block:4px}
.tr-n{position:relative;width:28px;height:32px;flex:none;display:grid;place-items:center;color:var(--faint);font-size:13.5px}
.tr-n>*{grid-area:1/1}
.tr-n .pi,.tr-n .eq{opacity:0;transition:opacity .12s}
.tr-n .pi{color:var(--fg)}
.tr-row:hover .tr-n .n,.tr-row.playing .tr-n .n{opacity:0}
.tr-row:hover .tr-n .pi{opacity:1}
.tr-row.playing:not(.is-paused):not(:hover) .tr-n .eq{opacity:1}
.tr-row.playing.is-paused:not(:hover) .tr-n .pi{opacity:1;color:var(--red-hi)}
.eq{display:flex;align-items:flex-end;gap:2px;height:14px}
.eq i{width:3px;height:3px;border-radius:1px;background:var(--red-hi);animation:v3eq .9s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}
.tr-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.tr-t{font-weight:600;font-size:14.5px;text-align:start;max-width:100%;display:block}
.tr-t:hover{color:var(--red-hi)}
.tr-a{font-size:13px;color:var(--faint)}
.ex{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:3px;background:var(--panel-3);color:var(--muted);font-size:10px;font-weight:800;vertical-align:1px}
.tr-d{font-size:13px;min-width:42px;text-align:end}
.tr-acts{display:flex;align-items:center;gap:0;opacity:.0;transition:opacity .15s}
.tr-row:hover .tr-acts,.tr-row:focus-within .tr-acts,.tr-acts .on{opacity:1}
.tr-acts:has(.on){opacity:1}
.tr-drag{cursor:grab;color:var(--faint);display:grid;place-items:center}
.tr-row[draggable="true"]{cursor:grab}
/* library pages */
.mu-tabs{padding:0 8px;border:1px solid var(--line)}
.mu-tabs button{display:inline-flex;align-items:center;gap:7px}
.mu-tabs button .ico{color:var(--steel)}
.mu-tabs button.on .ico{color:var(--red-hi)}
.mu-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px}
.mu-filters .select{width:auto;min-width:150px;height:42px}
.mu-hero{position:relative}
.mu-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 50%,rgba(240,98,62,.16),transparent 60%);pointer-events:none}
.mu-disc.big{width:180px;height:180px;margin-inline-start:auto}
.mu-two{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.tr-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mu-head{display:flex;gap:28px;align-items:flex-end;padding:24px;overflow:hidden;position:relative;flex-wrap:wrap}
.mu-head::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 0%,rgba(163,27,42,.22),transparent 65%);pointer-events:none}
.mu-head>*{position:relative}
.mu-head-b{flex:1;min-width:260px;gap:10px}
.mu-head-b h1{font-size:clamp(30px,4vw,48px);line-height:1.05}
.mu-head-b .eyebrow{gap:8px}
.mu-btns{gap:8px;margin-top:6px}
.liked-card{display:flex;align-items:center;gap:16px;cursor:pointer;transition:border-color .15s,transform .18s var(--ease)}
.liked-card:hover{border-color:var(--red);transform:translateY(-1px)}
.liked-ic{width:64px;height:64px;border-radius:var(--r-l);display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F0628A,#B3202F 60%,#4a1218);box-shadow:0 8px 24px rgba(179,32,47,.35)}
.mod-row{display:flex;align-items:center;gap:14px;padding:12px 14px;flex-wrap:wrap}
/* upload studio */
.studio{display:flex;flex-direction:column;gap:16px}
.studio-album{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-l);background:var(--panel-2);border:1px solid var(--line-soft);animation:v3up .3s var(--ease) both}
.studio-drop{position:relative;padding:34px 22px}
.studio-drop b{font-size:15.5px;color:var(--fg)}
.studio-drop .ico{color:var(--red-hi)}
.st-items{display:flex;flex-direction:column;gap:10px}
.st-items:empty{display:none}
.mus-row{border:1px solid var(--line);border-radius:var(--r-l);background:var(--field);overflow:hidden;animation:v3up .3s var(--ease) both;transition:border-color .15s,opacity .15s}
.mus-row.done{border-color:var(--line-strong)}
.mus-row.error{border-color:rgba(234,98,88,.55)}
.mus-row.error .tr-cov{background:var(--danger-soft);color:var(--danger)}
.mus-row.dragging{opacity:.5}
.mus-row[draggable="true"] .mus-row-h{cursor:grab}
.mus-row-h{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel-2)}
.mus-row-h .upbar{max-width:320px}
.mus-row.done .upbar i{background:var(--ok);box-shadow:none}
.st-no{width:22px;text-align:center;color:var(--faint);font-weight:700}
.st-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;align-items:end}
.st-fields.single{grid-template-columns:repeat(4,minmax(0,1fr))}
.st-fields .field label{font-size:12px;font-weight:600;color:var(--muted)}
.st-fields .input,.st-fields .select{height:38px;font-size:14px}
.st-dl{font-size:13px;color:var(--muted);height:38px}
.st-dl input{accent-color:var(--red)}

/* ---------- global player ---------- */
:root{--player-h:76px}
.player{position:fixed;z-index:45;inset-inline:0;bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(180deg,var(--hdr-a),var(--hdr-b));border-block-start:1px solid var(--line);box-shadow:0 -12px 34px rgba(0,0,0,.4);backdrop-filter:blur(10px);animation:v3up .3s var(--ease)}
.player[hidden]{display:none!important}
:root.has-player .sn-wrap{padding-bottom:var(--player-h)}
:root.has-player #toasts{bottom:calc(var(--player-h) + 20px + env(safe-area-inset-bottom,0px))}
.pl-in{max-width:1400px;margin:0 auto;height:var(--player-h);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:center;padding-inline:20px}
.pl-left{display:flex;align-items:center;gap:12px;min-width:0}
.pl-left>.pl-cov{position:relative;width:52px;height:52px;flex:none;border-radius:9px;overflow:hidden;display:grid;place-items:center;color:var(--steel);background:var(--panel-3);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.pl-left>.pl-cov img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pl-meta{min-width:0;display:flex;flex-direction:column;line-height:1.3;cursor:default}
.pl-meta b{font-size:14.5px}
.pl-meta span{font-size:13px;color:var(--faint)}
.pl-center{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.pl-ctrl{display:flex;align-items:center;gap:6px}
.pl-ctrl .iconbtn{position:relative}
.pl-play{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg);transition:transform .15s,box-shadow .2s}
.pl-play:hover{transform:scale(1.07);box-shadow:0 0 18px var(--glow)}
.pl-one{position:absolute;top:2px;inset-inline-end:2px;font-size:9px;font-weight:800;color:var(--red-hi)}
.pl-seekrow{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;font-size:11.5px;color:var(--faint)}
.pl-seekrow .num{min-width:36px;text-align:center}
#pl-seek,#pl-vol{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--red-hi) var(--p,0%),var(--panel-3) var(--p,0%));cursor:pointer}
#pl-vol{width:96px;flex:none;background:var(--panel-3);accent-color:var(--red-hi)}
#pl-seek::-webkit-slider-thumb,#pl-vol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 3px rgba(240,98,62,.25);opacity:0;transition:opacity .15s}
#pl-seek:hover::-webkit-slider-thumb,#pl-vol:hover::-webkit-slider-thumb,#pl-seek:focus-visible::-webkit-slider-thumb{opacity:1}
#pl-seek::-moz-range-thumb,#pl-vol::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--fg)}
.pl-ctrl,.pl-seekrow{direction:ltr}
.pl-right{display:flex;align-items:center;justify-content:flex-end;gap:2px}
.pl-vol{display:flex;align-items:center;gap:2px;margin-inline-start:4px}
.pl-qn{position:absolute;top:0;inset-inline-end:-2px;font-size:10px;font-weight:800;color:var(--red-hi)}
.pl-right .iconbtn{position:relative}
.pl-queue{position:absolute;bottom:calc(100% + 10px);inset-inline-end:20px;width:min(380px,calc(100vw - 32px));max-height:min(480px,60vh);display:flex;flex-direction:column;border-radius:var(--r-l);background:linear-gradient(180deg,var(--modal-a),var(--modal-b));box-shadow:var(--shadow-pop);animation:popin .18s var(--ease);overflow:hidden}
.pl-qlist{overflow-y:auto;padding:0 6px 8px}
.pl-qi{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--r-m)}
.pl-qi:hover{background:var(--hover)}
.pl-qi.on{background:var(--tagred-bg)}
.pl-qi.on b{color:var(--red-hi)}

/* ---------- responsive ---------- */
@media (max-width:1240px){.ch-split{grid-template-columns:minmax(0,1fr) 290px}}
@media (max-width:1180px){.ch-split>aside{display:flex;position:static}.ch-split{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.pl-in{grid-template-columns:minmax(0,1fr) auto minmax(0,auto)}.pl-seekrow{max-width:none;min-width:220px}#pl-vol{width:70px}}
@media (max-width:980px){.st-fields,.st-fields.single{grid-template-columns:repeat(2,minmax(0,1fr))}.split-row{grid-template-columns:auto minmax(0,1fr) 100px}.split-row input[type=range]{grid-column:1/-1;grid-row:2}}
@media (max-width:760px){
  :root{--player-h:64px}
  .player{bottom:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:0;border-block-end:1px solid var(--line)}
  :root.has-player .sn-wrap{padding-bottom:calc(var(--player-h) + 8px)}
  :root.has-player #toasts{bottom:calc(var(--player-h) + 84px + env(safe-area-inset-bottom,0px))}
  .pl-in{grid-template-columns:minmax(0,1fr) auto;height:var(--player-h);gap:8px;padding-inline:10px 6px;position:relative}
  .pl-center{flex-direction:row}
  .pl-seekrow{position:absolute;inset-inline:0;top:-2px;max-width:none;min-width:0}
  .pl-seekrow .num{display:none}
  #pl-seek{height:3px;border-radius:0}
  .pl-hide-m{display:none!important}
  .pl-right{display:none}
  .pl-left>.pl-cov{width:44px;height:44px}
  .pl-meta{cursor:pointer}
  .player.full{top:0;bottom:0;background:linear-gradient(180deg,var(--modal-a),var(--bg));padding:calc(env(safe-area-inset-top,0px) + 12px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;justify-content:center;z-index:75;animation:v3up .25s var(--ease)}
  .player.full .pl-in{display:flex;flex-direction:column;height:auto;gap:22px;padding:0;align-items:stretch}
  .player.full .pl-left{flex-direction:column;align-items:stretch;gap:18px;text-align:center}
  .player.full .pl-left>.pl-cov{width:min(78vw,360px);height:auto;aspect-ratio:1;margin:0 auto;border-radius:18px}
  .player.full .pl-left>.pl-cov .ico{width:64px;height:64px}
  .player.full .pl-meta b{font-size:21px}.player.full .pl-meta span{font-size:15px}
  .player.full .pl-hide-m{display:inline-grid!important}
  .player.full .pl-left>.iconbtn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px)}
  .player.full .pl-left>[data-a="trLike"]{inset-inline-start:16px}.player.full .pl-left>[data-a="plAdd"]{inset-inline-end:16px}
  .player.full .pl-center{flex-direction:column-reverse;gap:16px}
  .player.full .pl-seekrow{position:static}.player.full .pl-seekrow .num{display:block}
  .player.full #pl-seek{height:4px;border-radius:4px}
  .player.full .pl-play{width:64px;height:64px}.player.full .pl-play .ico{width:26px;height:26px}
  .player.full .pl-ctrl{gap:14px}
  .player.full .pl-right{display:flex;justify-content:center;gap:10px}
  .player.full .pl-vol{display:none!important}
  .player.full .pl-queue{position:fixed;inset:auto 10px calc(env(safe-area-inset-bottom,0px) + 10px);width:auto}
  .ch-head .banner{height:130px}
  .ch-form-imgs{grid-template-columns:1fr}
  .ch-form-imgs .img-pick.round{margin-top:-62px;margin-inline-start:14px;box-shadow:0 0 0 3px var(--modal-a)}
  .vis-pick,.dn-stickers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vis-pick{grid-template-columns:1fr}
  .cp-composer #cp-attach{padding:0 12px}
  .post-body{margin-inline-start:0}
  .post-actions{margin-inline-start:-6px}
  .al-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ar-av{width:84px;font-size:28px}
  .al-play{opacity:1;transform:none;width:40px;height:40px;top:calc(100cqw - 50px);inset-inline-end:14px}
  .mu-head{flex-direction:column;align-items:center;text-align:center;padding:20px 16px}
  .mu-head .row{justify-content:center}
  .al-cov.xl,.ar-av.xl{width:min(64vw,240px);height:auto}
  .mu-disc.big{display:none}
  .tr-acts{opacity:1}
  .tr-acts .iconbtn:not([data-a="trMenu"]):not(.on){display:none}
  .hide-s{display:none!important}
  .tr-row{gap:10px;padding-inline:4px}
  .st-fields,.st-fields.single{grid-template-columns:1fr}
  .split-row{padding:10px}
  .mu-filters .select{flex:1;min-width:0}
  .pl-queue{inset-inline-end:8px}
}
@media (max-width:420px){.dn-stickers{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-cov.s{display:none}}
@media (prefers-reduced-motion:reduce){.sup-st,.dn-st.on .e,.dn-burst span,.dn-burst::before,.dn-burst::after,.eq i,.pa-gift:hover .ico{animation:none!important}}
@media (max-width:980px){.mu-two{grid-template-columns:minmax(0,1fr)}}
#pl-vol{-webkit-appearance:auto;appearance:auto;background:none;height:auto}
@media (min-width:761px){.tr-acts{min-width:132px;justify-content:flex-end}}
.chart svg{max-height:280px}
.mus-row{display:block}
.set-sec h2>.ico{display:inline-block;vertical-align:-3px;margin-inline-end:8px}
.pl-collapse{display:none}
@media (max-width:760px){
  .player.full .pl-collapse{display:inline-grid;position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);inset-inline-start:50%;transform:translateX(-50%);z-index:2}
  [dir="rtl"] .player.full .pl-collapse{transform:translateX(50%)}
  .player.full .pl-left>.iconbtn{top:calc(env(safe-area-inset-top,0px) + 8px)}
  .ch-head .prof-top .acts{width:100%;gap:6px}
  .ch-head .prof-top .acts .btn{flex:1 1 auto;--h:38px;padding:0 12px}
  .ch-head .prof-top .acts .btn-donate{flex-basis:100%;order:3}
}

/* ================= v4: profile in the style of a channel page ================= */
.prof-v4 .tabs{border-block-start:1px solid var(--line)}
.prof-v4 .prof-top .acts{align-items:center}
.prof-v4 .rel-on{border-color:var(--line-strong)}
.prof-split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.prof-split>.prof-main{grid-column:1;grid-row:1;min-width:0}
.prof-split>.prof-aside{grid-column:2;grid-row:1;position:sticky;top:calc(var(--hdr) + 22px)}
@media (max-width:1180px){.prof-split{display:flex;flex-direction:column}.prof-split>.prof-aside{position:static;order:2;width:100%}.prof-split>.prof-main{order:1;width:100%}}
.st-img{width:1.25em;height:1.25em;object-fit:contain;display:inline-block;vertical-align:-.25em}
.stk-show{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:10px}
.stk-badge{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--st,var(--red)) 14%,transparent);border:1px solid color-mix(in srgb,var(--st,var(--red)) 40%,transparent);animation:v3pop .45s var(--ease) both}
.stk-badge .v{font-size:22px;line-height:1;display:inline-block;transition:transform .25s var(--ease)}
.stk-badge:hover .v{transform:scale(1.2) rotate(-8deg)}
.stk-badge b{font-size:13px;font-variant-numeric:tabular-nums}
.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pf-i{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:var(--r-m);font-size:12.5px;min-width:0;transition:background .15s}
.pf-i:hover{background:var(--hover)}
.pf-i .ell{max-width:100%}
.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:var(--r-m);overflow:hidden}
.pp-grid .art{aspect-ratio:1;cursor:zoom-in}
.pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.wall-note{margin:0 4px}
.wall-to{font-size:13px}
.wall-composer .cp-tools .lbl{display:inline}
.ppl-note{gap:10px;margin-block-end:12px}
.we-m{cursor:pointer}.we-m input{position:absolute;top:6px;inset-inline-start:6px;width:18px;height:18px;accent-color:var(--red-hi)}
.we-m:has(input:not(:checked)){opacity:.4}
/* support dialog */
.sp-head{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-m);background:var(--panel-2)}
.sp-head .hint{max-width:46%;text-align:end}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--field);text-align:center;min-width:0;transition:border-color .15s,transform .15s var(--ease),box-shadow .2s}
.sp-card .sp-vis{font-size:42px;line-height:1.1;height:52px;display:grid;place-items:center;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));transition:transform .3s var(--ease)}
.sp-card .sp-vis .st-img{width:52px;height:52px;vertical-align:0}
.sp-card b{font-size:13.5px;max-width:100%}
.sp-d{font-size:12px;color:var(--faint);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-price{margin-top:auto;font-size:12.5px;font-weight:700;color:var(--st,var(--red-hi))}
.sp-card:hover{border-color:var(--st,var(--line-strong));transform:translateY(-2px)}
.sp-card:hover .sp-vis{transform:scale(1.12) rotate(-6deg)}
.sp-card.on{border-color:var(--st,var(--red-hi));background:color-mix(in srgb,var(--st,var(--red)) 14%,var(--field));box-shadow:0 0 0 1px var(--st,var(--red-hi)),0 0 22px color-mix(in srgb,var(--st,var(--red)) 35%,transparent)}
.sp-card.on .sp-vis{animation:v3float 2.4s ease-in-out infinite}
.sp-card.low:not(.on){opacity:.7}
.dn-st .e .st-img,.dn-chip .e .st-img{vertical-align:-.2em}
.dn-burst span .st-img{width:72px;height:72px;vertical-align:0}
.sup-st .st-img{width:18px;height:18px}
/* admin: access matrix and stickers */
.ga-tbl th.c,.ga-tbl td.c{text-align:center;white-space:nowrap}
.ga-tbl th.c .ico{display:block;margin:0 auto 4px;color:var(--faint)}
.ga-tbl .toggle{display:inline-flex}
.ga-fixed td{background:var(--panel-2)}
.ga-on{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--ok,#3fa66b);background:color-mix(in srgb,var(--ok,#3fa66b) 14%,transparent)}
.ga-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px;vertical-align:0}
.ga-foot{gap:8px;padding:12px 16px;border-block-start:1px solid var(--line-soft)}
.stk-list{display:flex;flex-direction:column;gap:8px;margin-block-end:12px}
.stk-row{display:flex;align-items:center;gap:14px;padding:10px 14px}
.stk-row.off{opacity:.62}
.stk-ord{display:flex;flex-direction:column;gap:2px}
.stk-vis{width:52px;height:52px;flex:none;display:grid;place-items:center;font-size:34px;border-radius:var(--r-m);background:color-mix(in srgb,var(--st,var(--red)) 12%,var(--panel-2))}
.stk-vis .st-img{width:42px;height:42px;vertical-align:0}
.stk-price{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--st,var(--fg))}
.stk-row .acts{display:flex;gap:2px}
@media (max-width:640px){
  .stk-row{flex-wrap:wrap;gap:10px}.stk-row>.col{flex-basis:calc(100% - 120px)}
  .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-head .hint{display:none}
  .wall-composer .cp-tools .lbl{display:none}
  .prof-v4 .prof-top .acts{width:100%}
  .prof-v4 .prof-top .acts .btn{flex:1 1 auto;justify-content:center}
  .prof-v4 .only-d-l{display:none}
}
.prof-sup .box-h h3,.prof-aside .box-h h3{display:flex;align-items:center;gap:8px}
.wall-note,.prof-sup .hint{display:flex;align-items:flex-start;gap:6px}
.wall-note .ico,.prof-sup .hint .ico{flex:none}
p.hint>.ico:first-child,span.hint>.ico:first-child,p.muted>.ico:first-child{display:inline-block;vertical-align:-2px;margin-inline-end:4px}
.stk-form .grid3{margin-top:12px}
/* ---------- lava background: new pictures, lighter shading (dark) and a softer white veil (light) ---------- */
#scene .lava{background-image:url(/assets/lava.jpg?v=6)}
:root[data-pv-theme="light"] #scene .lava{background-color:#0B1E3D;background-image:url(/assets/lava-light.jpg?v=6);animation-name:lavaglowLight}
@keyframes lavaglowDark{from{filter:brightness(.82) saturate(1)}to{filter:brightness(.98) saturate(1.08)}}
@keyframes lavaglowLight{from{filter:brightness(.95) saturate(1)}to{filter:brightness(1.06) saturate(1.08)}}
:root:not(.calm) #scene:has(.lava)::after{background:linear-gradient(180deg,rgba(4,3,3,.38) 0%,rgba(4,3,3,.5) 34%,rgba(4,3,3,.6) 70%,rgba(4,3,3,.68) 100%)}
:root[data-pv-theme="light"]:not(.calm) #scene:has(.lava)::after{background:linear-gradient(180deg,rgba(243,246,250,.56) 0%,rgba(243,246,250,.62) 34%,rgba(243,246,250,.68) 70%,rgba(243,246,250,.72) 100%)}
:root[data-pv-theme="light"] #scene .embers{opacity:.3;filter:hue-rotate(190deg)}
/* light theme: menu and page titles stay readable on the brighter picture */
:root[data-pv-theme="light"] .sn-side>.sn-group{background:rgba(250,251,253,.62);border:1px solid rgba(255,255,255,.7);border-radius:var(--r-l);padding:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root[data-pv-theme="light"] .page-h h1,:root[data-pv-theme="light"] .page-h .lead{text-shadow:0 0 12px rgba(255,255,255,.75)}
/* ================= BTC balances ================= */
.btn-btc{background:linear-gradient(135deg,#F7A531,#E07B12);color:#1B1206;border-color:#F7B04A;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 16px rgba(247,147,26,.28)}
.btn-btc:hover:not(:disabled){box-shadow:0 0 0 1px #F9BE5E,0 0 22px rgba(247,147,26,.45)}
.btc-card{background:linear-gradient(180deg,rgba(247,147,26,.08),transparent 45%),linear-gradient(180deg,var(--card-a),var(--card-b))}
.btc-card .box-h h3{display:flex;align-items:center;gap:8px}.btc-card .box-h h3 .ico{color:#F7931A}
.btc-amt{font-family:var(--f-display);font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:.01em;word-break:break-all}
.btc-fin{margin-block-end:16px;max-width:520px}
.btc-qr-row{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:14px 0}
.btc-qr{flex:none;width:200px;height:200px;padding:10px;border-radius:var(--r-l);background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px var(--line)}
.btc-qr svg{width:100%;height:100%}
.btc-addr{padding:10px 12px;border-radius:var(--r-m);background:var(--field);border:1px solid var(--line);font-size:14px;word-break:break-all;user-select:all}
.btc-rules{margin:0;padding-inline-start:18px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:4px}
.btc-tx{font-size:12.5px}
.btc-tbl .pos,.tbl .pos{color:var(--ok)}.btc-tbl .neg,.tbl .neg{color:var(--danger)}
.btc-v{font-size:22px;word-break:break-all}
.escrow-note.warn{border-color:color-mix(in srgb,var(--warn) 50%,transparent);background:var(--warn-soft)}
.escrow-note.ok{border-color:color-mix(in srgb,var(--ok) 50%,transparent);background:var(--ok-soft)}
.escrow-note.danger{border-color:color-mix(in srgb,var(--danger) 50%,transparent);background:var(--danger-soft)}
.card-sub.btc-confirm{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--line-soft)}
.card-sub.btc-confirm b{display:flex;align-items:center;gap:6px}
@media (max-width:560px){.btc-qr{width:100%;max-width:260px;height:auto;aspect-ratio:1;margin:0 auto}}
.modal-h h2:has(>.ico:first-child){display:flex;align-items:center;gap:8px}.modal.btc-modal .modal-h h2 .ico,.modal-h h2 .ico[data-btc]{color:#F7931A}
.escrow-note.warn,.escrow-note.warn span,.escrow-note.ok span,.escrow-note.danger span{color:var(--fg)}.escrow-note.warn .ico{color:var(--warn)}
.btc-tbl td:first-child,.btc-tbl td.num{white-space:nowrap}
.btc-ubal{text-align:end;margin-inline-start:auto}
@media (max-width:560px){
  .btc-qr-row{flex-direction:column;align-items:stretch}
  .btc-qr-row>.col{width:100%}
  .btc-ubal{text-align:start;margin-inline-start:0;flex-basis:100%}
}
/* background: a little darker (≈7 %) in both themes; cards, text and buttons keep their contrast */
@keyframes lavaglowDark{from{filter:brightness(.76) saturate(1)}to{filter:brightness(.91) saturate(1.08)}}
@keyframes lavaglowLight{from{filter:brightness(.89) saturate(1)}to{filter:brightness(.99) saturate(1.08)}}
:root:not(.calm) #scene:has(.lava)::after{background:linear-gradient(180deg,rgba(4,3,3,.42) 0%,rgba(4,3,3,.54) 34%,rgba(4,3,3,.64) 70%,rgba(4,3,3,.72) 100%)}
/* ================= BTC equivalents and payments ================= */
.btc-eq{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:13.5px;font-variant-numeric:tabular-nums}
.btc-eq.lg{font-size:15px;margin-top:2px}.btc-eq.lg span:first-child{color:var(--fg);font-weight:600}
.btc-rate{display:block;font-size:12px}.btc-rate.stale{color:var(--warn)}
.btc-fin-wrap{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:16px;align-items:start;margin-block-end:16px}
.btc-fin-wrap .btc-fin{margin:0;max-width:none}
@media (max-width:980px){.btc-fin-wrap{grid-template-columns:minmax(0,1fr)}}
.bh-seg{max-width:420px;margin-block-end:8px}
.bh-list{display:flex;flex-direction:column}
.bh-row{display:flex;align-items:flex-start;gap:12px;padding:10px 2px;border-block-start:1px solid var(--line-soft)}
.bh-row:first-child{border-block-start:0}
.bh-ic{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);color:var(--steel)}
.bh-ic.k-deposit,.bh-ic.k-credit,.bh-ic.k-transfer_in,.bh-ic.k-refund{color:var(--ok);background:var(--ok-soft)}
.bh-ic.k-donation{color:#E8A33D;background:rgba(232,163,61,.14)}.bh-ic.k-purchase{color:var(--info,#5b8ed0);background:var(--info-soft,rgba(47,94,138,.14))}
.bh-ic.k-debit,.bh-ic.k-transfer_out{color:var(--danger);background:var(--danger-soft)}
.bh-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bh-t{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.bh-t .linkbtn{font-size:13.5px}
.bh-s{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--faint)}
.bh-amt{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:end;white-space:nowrap}
.bh-amt .pos{color:var(--ok)}.bh-amt .neg{color:var(--fg)}
.pw-seg{max-width:420px}
.btc-quote{margin-top:8px;padding:10px 12px;border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--line-soft);display:flex;flex-direction:column;gap:2px}
.btc-quote.bad{border-color:color-mix(in srgb,var(--danger) 45%,transparent)}
.btc-quote b.num{font-variant-numeric:tabular-nums}
.pd-btc-row{margin-top:4px}.pd-btc{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13.5px;color:var(--mk-fg,var(--fg));font-variant-numeric:tabular-nums}
.pd-btc .ico{color:#F7931A}
@media (max-width:560px){.bh-row{flex-wrap:wrap}.bh-amt{align-items:flex-start;text-align:start;width:100%;padding-inline-start:46px}}
.pw-seg button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btc-hist .box-h h3{display:flex;align-items:center;gap:8px}.btc-hist .box-h h3 .ico{color:#F7931A}
.lightpanel .pd-btc,.pd .pd-btc{color:var(--mk-ink,#1d1a17)}.lightpanel .pd-btc .faint,.pd .pd-btc .faint{color:var(--mk-muted,#6b625a)}
.btc-card .row>.btn{flex:1 1 150px;white-space:nowrap}
/* ================= v5: backgrounds and shading from the admin console ================= */
/* the --bg-img-{dark,light} and --bg-dim-{dark,light} variables are set by the page from the system settings; the defaults equal the built-in look */
#scene .lava{background-image:var(--bg-img-dark,url(/assets/lava.jpg?v=6))}
:root[data-pv-theme="light"] #scene .lava{background-image:var(--bg-img-light,url(/assets/lava-light.jpg?v=6))}
:root:not(.calm) #scene:has(.lava)::after{background:linear-gradient(180deg,rgba(4,3,3,min(1,calc(var(--bg-dim-dark,.58)*.72))) 0%,rgba(4,3,3,min(1,calc(var(--bg-dim-dark,.58)*.93))) 34%,rgba(4,3,3,min(1,calc(var(--bg-dim-dark,.58)*1.1))) 70%,rgba(4,3,3,min(1,calc(var(--bg-dim-dark,.58)*1.24))) 100%)}
:root[data-pv-theme="light"]:not(.calm) #scene:has(.lava)::after{background:linear-gradient(180deg,rgba(243,246,250,.56) 0%,rgba(243,246,250,.62) 34%,rgba(243,246,250,.68) 70%,rgba(243,246,250,.72) 100%)}
#scene .lava::after{content:"";position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
:root[data-pv-theme="light"] #scene .lava::after{opacity:var(--bg-dim-light,.06)}
@keyframes lavaglowLight{from{filter:brightness(.95) saturate(1)}to{filter:brightness(1.05) saturate(1.08)}}
/* admin: system settings */
.sys-row{align-items:flex-start}.sys-in{width:170px}.sys-in .input.bad{border-color:var(--danger)}
.pn-preview{margin:0;transition:opacity .2s}.pn-preview.off{opacity:.4}
.bg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:12px}
.bg-col h3{font-size:15px;margin-block-end:8px}
.bg-col .field:has(>.img-pick.wide){flex:1 1 100%;min-width:0}.bg-col .img-pick.wide{aspect-ratio:auto;min-height:78px;max-width:320px}
.bg-prev{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);background:#000 var(--pv-img) center/cover no-repeat;display:grid;place-items:center}
.bg-prev::before{content:"";position:absolute;inset:0;background:rgba(4,3,3,var(--pv-dim))}
.bg-prev.light::before{background:#000;opacity:var(--pv-dim)}
.bg-prev.light::after{content:"";position:absolute;inset:0;background:rgba(243,246,250,.62)}
.bg-prev-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:14px 16px;border-radius:12px;width:62%;background:#1a1414;color:#f2f4f6;border:1px solid rgba(255,255,255,.12);font-size:13px}
.bg-prev.light .bg-prev-card{background:#fffdfb;color:#2a2e34;border-color:#e2dbd3}
.bg-prev-btn{display:inline-block;padding:4px 12px;border-radius:999px;background:#B3202F;color:#fff;font-weight:700;font-size:12px}
.bg-range{width:100%;accent-color:var(--red-hi)}
@media (max-width:860px){.bg-grid{grid-template-columns:minmax(0,1fr)}.sys-in{width:140px}}
/* store ↔ channel */
.stch-cur{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--line-soft)}
.st-chlink{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.18);font-size:13px;color:inherit}
.st-chlink:hover{border-color:var(--red-hi)}
.ch-store .box-h h3{display:flex;align-items:center;gap:8px}
.ch-store-b{display:flex;align-items:center;gap:12px;width:100%;padding:6px;border-radius:var(--r-m);transition:background .15s}
.ch-store-b:hover{background:var(--hover)}
/* ================= v6: feed videos keep their own proportions (landscape and portrait) ================= */
/* --arn is width/height of the clip (from the server, refined in the browser on loadedmetadata); the frame never crops the picture */
.art.vbox{aspect-ratio:var(--arn,1.7778);width:min(100%,calc(min(78vh,680px) * var(--arn,1.7778)));max-width:100%;margin-inline:auto;background:#000}
.art.vbox video{object-fit:contain;background:#000}
.post .art.vbox.portrait,.ch-post .art.vbox.portrait{border-radius:var(--r-m)}
@media (max-width:640px){.art.vbox{width:min(100%,calc(72vh * var(--arn,1.7778)))}}
/* ================= v6: footer/welcome settings, «О продавце» editor, merchants, BTC wallet ================= */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ft-preview{padding:12px 14px;border-radius:var(--r-m);border:1px dashed var(--line);color:var(--muted);font-size:14px;min-height:20px}
.wl-lang{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;margin-top:10px}
@media (max-width:760px){.wl-lang{grid-template-columns:1fr}}
.wel-modal .wel-body{display:flex;flex-direction:column;gap:10px;line-height:1.55;font-size:15px;max-height:min(60vh,520px);overflow:auto;overflow-wrap:anywhere}
.wel-modal .wel-body p{margin:0}
.ab-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 8px}
.ab-tools .select.sm{height:36px;min-width:150px}
.ab-btn[aria-pressed="true"]{background:var(--accent,#C62F2F);color:#fff;border-color:transparent}
.ab-ed{min-height:150px;max-height:460px;overflow:auto;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--field);outline:none;cursor:text}
.ab-ed:focus{border-color:var(--accent,#C62F2F);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#C62F2F) 22%,transparent)}
.rich-about{display:flex;flex-direction:column;gap:6px;line-height:1.55;overflow-wrap:anywhere}
.rich-about .ab-p{margin:0}
.rich-about .ab-s{font-size:13px}.rich-about .ab-m{font-size:15px}.rich-about .ab-l{font-size:18px}.rich-about .ab-xl{font-size:22px;font-weight:700;line-height:1.3}
.lightpanel .rich-about{color:var(--mk-ink,#1d1a17)}
.ab-prev{padding:14px 16px;border-radius:var(--r-m)}
@media (max-width:560px){.hide-sm{display:none}}
.mer-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px;margin-top:12px}
.mer-card{border:1px solid var(--line);border-radius:var(--r-l);padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--panel-2,transparent)}
.mer-card.on{border-color:color-mix(in srgb,var(--ok,#2E9D5B) 55%,var(--line))}
.mer-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.mer-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0;font-size:13.5px}
.mer-dl dt{color:var(--muted)}.mer-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.mer-wh{font-size:12px;word-break:break-all}
.ok-t{color:var(--ok,#2E9D5B)}.danger-t{color:var(--danger)}
.mer-how{margin:6px 0 0;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}
@media (max-width:520px){.mer-dl{grid-template-columns:1fr}.mer-dl dt{margin-top:4px}}
.bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2px 18px}
.bw-grid .sumrow b{min-width:0;overflow-wrap:anywhere;text-align:end}
.bw-addr{font-size:12.5px;word-break:break-all}
.bw-howto{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-m);background:color-mix(in srgb,var(--fg) 5%,transparent);font-size:14px;line-height:1.5}
.bw-howto .ico{flex:none;margin-top:2px}
.bw-first{margin:6px 0 10px;padding-inline-start:22px;font-size:13px;word-break:break-all;display:flex;flex-direction:column;gap:3px}
.bw-src{flex-wrap:wrap}
.card-off{margin-block-end:10px}
.field label .faint{display:inline-flex;align-items:center;gap:3px;margin-inline-start:6px;font-weight:500}.field label .faint .ico{display:inline-block}
.mer-bad{color:var(--danger)}.mer-dl .ico{display:inline-block;vertical-align:-2px}.mer-dl .faint{display:inline-flex;align-items:center;gap:3px;margin-inline-start:4px}
.escrow-note.card-off{background:#FCF0D6;border-color:#E2B04A;color:#3B2A08}.escrow-note.card-off .ico{color:#B7791F}.pay-card[disabled],.pw-seg button[disabled]{opacity:.5;cursor:not-allowed}
.escrow-note.card-off,.escrow-note.card-off span,.lightpanel .escrow-note.card-off span{color:#3B2A08!important;opacity:1}
/* ================= v7: cities & text messages ================= */
.dg-cnt{display:flex;flex-wrap:wrap;gap:6px}
.dg-c{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;color:var(--muted);white-space:nowrap}
.dg-c b{font-size:15px;color:var(--fg)}
.dg-c.free{border-color:color-mix(in srgb,var(--ok,#2E9D5B) 50%,var(--line))}.dg-c.free b{color:var(--ok,#2E9D5B)}
.dg-c.res{border-color:color-mix(in srgb,#D99A1E 50%,var(--line))}.dg-c.res b{color:#D99A1E}
.dg-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.dg-chip{display:inline-flex;align-items:center;gap:4px;padding-inline-end:4px}
.dg-chip .iconbtn.sm{width:22px;height:22px}
.dg-prod{border-top:1px solid var(--line);padding:12px 0 4px;display:flex;flex-direction:column;gap:8px}
.dg-pool{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 10px;border-radius:var(--r-m);background:color-mix(in srgb,var(--fg) 4%,transparent)}
.dg-pool.off{opacity:.55}
.dg-city{display:inline-flex;align-items:center;gap:6px;font-weight:600;min-width:0;flex:1 1 180px}
.dg-citycat{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.dg-add{display:flex;flex-direction:column;gap:8px}
.dg-add .textarea{min-height:110px;font-size:13px}
.dg-tbl td{vertical-align:top}.dg-tbl .mono{font-size:12.5px;word-break:break-all}.dg-shown{color:var(--fg);background:color-mix(in srgb,var(--ok,#2E9D5B) 12%,transparent);padding:1px 4px;border-radius:4px}
.dg-modal .modal-b{max-height:min(74vh,760px);overflow:auto}
.np-mode .seg button{white-space:normal}
.pd-cities .opt button.dim{opacity:.6}
.dg-order .dg-msg{border:1px solid var(--mk-line,#DDD6CF);border-radius:var(--r-m);padding:10px 12px;background:#fff}
.dg-text{margin:6px 0 0;white-space:pre-wrap;word-break:break-word;font-size:15px;color:var(--mk-ink,#1d1a17);user-select:all}
@media (max-width:560px){.dg-pool .btn{flex:1 1 100%}.dg-cnt{width:100%}}
.dg-cat h3,.dg-add>b,#dg-body .row>.muted,.set-sec h3:has(>.ico){display:flex;align-items:center;gap:6px}
.dg-order h3{display:flex;align-items:center;gap:8px}
.np-mode .seg button{min-height:42px;line-height:1.25;padding-block:6px}
@media (max-width:480px){.pd-info .btn.btn-mk.lg.grow{flex:1 1 100%}}
/* ================= seller cabinet: the whole store menu is visible at once (no sideways scrolling) ================= */
.sn-wrap .cab-seller .cab-nav,.cab-seller .cab-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:6px;overflow:visible;padding:10px}
.cab-seller .cab-nav .who{display:none}
.cab-seller .cab-nav .nav-i{width:auto;min-width:0;white-space:nowrap;justify-content:flex-start;border:1px solid var(--line);border-radius:var(--r-m);padding:9px 12px;min-height:42px}
.cab-seller .cab-nav .nav-i span:not(.cnt){overflow:hidden;text-overflow:ellipsis}
.cab-seller .cab-nav .nav-i .cnt{margin-inline-start:auto}
.cab-seller .cab-nav .nav-i.on{border-color:color-mix(in srgb,var(--accent,#C62F2F) 60%,var(--line))}
@media (max-width:560px){.sn-wrap .cab-seller .cab-nav,.cab-seller .cab-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px}.cab-seller .cab-nav .nav-i{padding:8px 10px;font-size:13.5px;white-space:normal;line-height:1.2}}
.np-mode .seg button[disabled]{opacity:.4;cursor:not-allowed}

/* ===== sign-in page (35-login.js): full-screen background, brand, glass card ===== */
.a2{--a2-ink:#F6EFEA;--a2-mute:#D6CAC4;position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;isolation:isolate;background:#0B0707;color:var(--fg)}
.a2-bg{position:fixed;inset:0;z-index:-1;overflow:hidden}
.a2-bg video,.a2-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;filter:saturate(1.1)}
.a2-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 30%,rgba(10,6,6,.15),rgba(10,6,6,.78) 70%),linear-gradient(180deg,rgba(10,6,6,.55),rgba(10,6,6,.2) 35%,rgba(10,6,6,.9))}
.a2-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:1;animation:a2float 18s ease-in-out infinite alternate}
.a2-glow.g1{width:46vmax;height:46vmax;left:-12vmax;top:-14vmax;background:radial-gradient(circle,rgba(240,98,62,.55),transparent 65%)}
.a2-glow.g2{width:40vmax;height:40vmax;right:-14vmax;bottom:-16vmax;background:radial-gradient(circle,rgba(163,27,42,.6),transparent 65%);animation-duration:22s}
@keyframes a2float{to{transform:translate3d(6vmax,4vmax,0) scale(1.08)}}
.a2-embers{position:absolute;inset:0;z-index:2;pointer-events:none}
.a2-embers span{position:absolute;bottom:-10px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#FFB37A;box-shadow:0 0 8px 2px rgba(255,122,46,.8);opacity:0;animation:a2ember var(--d) linear var(--w) infinite}
@keyframes a2ember{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:.9}100%{transform:translate3d(30px,-105vh,0);opacity:0}}
@media (prefers-reduced-motion:reduce){.a2-glow,.a2-embers span{animation:none}.a2-embers{display:none}}
.a2-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(16px,4vw,48px);color:var(--a2-ink)}
.a2-top .brand .word{color:var(--a2-ink)}.a2-top .brand .sub{color:var(--a2-mute)}
.a2-tools{display:flex;align-items:center;gap:8px}
.a2-langs{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(20,12,12,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.a2-langs button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;color:var(--a2-mute);font-weight:600;font-size:13px}
.a2-langs button.on{background:rgba(240,98,62,.22);color:var(--a2-ink);box-shadow:inset 0 0 0 1px rgba(240,98,62,.55)}
.a2-tool{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--a2-ink);background:rgba(20,12,12,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.a2-main{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,460px);align-items:center;gap:clamp(32px,6vw,96px);width:min(1200px,100%);margin:0 auto;padding:12px clamp(16px,4vw,48px) 32px}
.a2-hero{color:var(--a2-ink);max-width:560px}
.a2-logo{width:132px;height:132px;filter:drop-shadow(0 10px 40px rgba(255,92,32,.45));animation:a2pulse 5s ease-in-out infinite}
@keyframes a2pulse{50%{filter:drop-shadow(0 10px 60px rgba(255,92,32,.7))}}
.a2-hero h1{font-family:var(--f-display);font-size:clamp(36px,4.6vw,64px);line-height:1.02;margin-top:18px;letter-spacing:-.01em;text-wrap:balance;background:linear-gradient(180deg,#FFF6F0,#F3C9B4);-webkit-background-clip:text;background-clip:text;color:transparent}
.a2-hero>p{margin-top:16px;font-size:17px;line-height:1.55;color:var(--a2-mute);max-width:46ch}
.a2-trust{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.a2-trust li{display:flex;gap:12px;align-items:flex-start}
.a2-ti{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#FFB37A;background:rgba(240,98,62,.14);border:1px solid rgba(240,98,62,.35)}
.a2-trust b{display:block;font-size:15px;color:var(--a2-ink)}
.a2-trust small{display:block;font-size:13px;color:var(--a2-mute);margin-top:2px;line-height:1.45}
.a2-card{position:relative;padding:28px;border-radius:24px;background:color-mix(in srgb,var(--panel) 78%,transparent);border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(240,98,62,.08),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
.a2-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(240,98,62,.7),transparent 35%,transparent 65%,rgba(163,27,42,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.a2-card .auth-card{width:100%;gap:16px}
.a2-card .auth-card h2{font-size:30px}
.a2-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:22px;border-radius:14px;background:color-mix(in srgb,var(--fg) 6%,transparent)}
.a2-tabs button{display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;font-weight:700;color:var(--muted);text-align:center}
.a2-tabs button.on{background:var(--panel);color:var(--fg);box-shadow:0 2px 10px rgba(0,0,0,.25),inset 0 -2px 0 var(--red-hi)}
.a2-in{position:relative;display:block}
.a2-in>svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none;z-index:1}
.a2-in>.input{padding-inline-start:44px}
.a2-in:focus-within>svg{color:var(--red-hi)}
.a2-card .input{height:50px;border-radius:14px}
.a2-card .btn-primary.lg{height:52px;border-radius:14px;font-size:16px;background:linear-gradient(180deg,#C7302F,#8E1622);box-shadow:0 10px 30px rgba(199,48,47,.35),inset 0 1px 0 rgba(255,255,255,.18)}
.a2-card .btn-primary.lg:hover{filter:brightness(1.08)}
.a2-foot{text-align:center;padding:16px;color:var(--a2-mute);font-size:12.5px;opacity:.8}
:root[data-pv-theme="light"] .a2-card{background:color-mix(in srgb,#FFFDFB 88%,transparent)}
:root[data-pv-theme="light"] .a2-tabs button.on{background:#fff}
@media (max-width:980px){
 .a2-main{grid-template-columns:1fr;justify-items:center;gap:22px;padding-top:0}
 .a2-hero{text-align:center;max-width:520px}
 .a2-logo{width:88px;height:88px}
 .a2-hero h1{font-size:clamp(30px,7vw,42px);margin-top:10px}
 .a2-hero>p{margin-inline:auto;font-size:15px}
 .a2-trust{display:none}
 .a2-card{width:min(460px,100%)}
}
@media (max-width:560px){
 .a2-top{padding:14px 16px}.a2-top .brand .sub{display:none}
 .a2-langs button{padding:0 8px}.a2-langs button span{display:none}
 .a2-hero>p{display:none}
 .a2-card{padding:20px 18px;border-radius:20px}
 .a2-main{padding:0 16px 20px}
}
.a2-register .a2-main,.a2-recover .a2-main{align-items:start}
.a2-register .a2-hero,.a2-recover .a2-hero{position:sticky;top:24px}
@media (max-width:980px){.a2-register .a2-hero,.a2-recover .a2-hero{position:static}}

/* ================= roles v5 ================= */
.ucat.more{--uc:var(--muted);cursor:help}
.rl-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:22px 0 10px;font-size:17px}
.rl-h .hint{font-weight:400}
.rl-sys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.rl-sys{display:flex;flex-direction:column;padding:14px 16px}
.rl-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-inline-start:3px solid var(--uc)}
.rl-row .acts{flex-wrap:wrap;justify-content:flex-end}
.rl-prio{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--panel-3);color:var(--muted);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.rl-group{border-block-start:1px solid var(--line-soft);padding-block:10px 4px}
.rl-group-h{gap:12px;margin-block-end:4px}
.rl-group-h b{font-size:14.5px}
.rl-group-h .linkbtn{font-size:12.5px}
.rl-perm{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0}
.rl-perm+.rl-perm{border-block-start:1px dashed var(--line-soft)}
.rl-perm b{font-weight:600;font-size:14px}
.tri{display:inline-flex;flex:none;padding:2px;border-radius:var(--r-m);background:var(--glass);border:1px solid var(--line-soft)}
.tri-b{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--faint);transition:all .15s}
.tri-b:hover{color:var(--fg)}
.tri-b.on.tri-i{background:var(--panel-3);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}
.tri-b.on.tri-a{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 45%,transparent)}
.tri-b.on.tri-d{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 45%,transparent)}
.rl-savebar{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;margin-top:12px;box-shadow:var(--shadow-pop)}
@media (max-width:640px){.tri-b span{display:none}.tri-b{padding:0 9px}.rl-perm{align-items:flex-start}.rl-row{flex-wrap:wrap}.rl-row .acts{width:100%;justify-content:flex-start}}
/* matrix */
.mx-wrap{overflow:hidden}
.mx-scroll{max-height:72vh;overflow:auto}
.mx-tbl{border-collapse:separate;border-spacing:0}
.mx-tbl thead th{position:sticky;top:0;z-index:2;background:var(--panel-2)}
.mx-tbl .mx-p{position:sticky;inset-inline-start:0;z-index:1;background:var(--panel-2);min-width:230px;max-width:300px;text-align:start}
.mx-tbl thead .mx-p{z-index:3}
.mx-tbl td.c,.mx-tbl th.c{text-align:center;padding-inline:6px}
.mx-tbl .mx-p b{display:block;font-weight:600;font-size:13.5px}
.mx-tbl .mx-p .hint{display:block;font-weight:400;font-size:12px}
.mx-col{font-size:12.5px;min-width:96px;white-space:normal;line-height:1.2;vertical-align:bottom}
.mx-col.sys{color:var(--muted)}
.mx-g th{background:var(--panel-3);text-align:start;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);position:sticky;inset-inline-start:0}
.mx-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:6px;vertical-align:middle}
.mx-cell{display:inline-grid;place-items:center;width:32px;height:28px;border-radius:7px;border:1px solid var(--line-soft);transition:transform .1s}
.mx-cell:active{transform:scale(.92)}
.mx-cell.sm{width:22px;height:20px;margin-inline:6px 3px;vertical-align:middle}
.mx-a{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.mx-d{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}
.mx-i{color:var(--faint);background:transparent}
.mx-cell.chg{box-shadow:0 0 0 2px var(--warn)}
.mx-fixed{color:var(--red-hi)}
.mx-legend{display:inline-flex;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}
/* chains */
.ch-card.off{opacity:.75}
.ch-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border-radius:var(--r-m);background:var(--glass);border:1px solid var(--line-soft)}
.ch-pt{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:12.5px}
.ch-pt i{font-style:normal;color:var(--faint);font-size:11.5px}
.ch-pt.start{flex-direction:row;align-items:center;gap:5px;color:var(--muted);font-weight:600}
.ch-pt.off{opacity:.4;text-decoration:line-through}
.ch-pt.reached i{color:var(--ok)}
.ch-arrow{color:var(--faint)}
.ch-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ch-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:none}
.ch-step{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--panel-2)}
.ch-step.off{border-style:dashed;opacity:.8}
.ch-step .select{width:auto;height:36px;min-width:150px}
.ch-step .input.num{width:84px;height:36px}
.ch-step [data-sf="unit"]{min-width:100px}
.ch-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-size:12.5px;font-weight:700}
.ch-step.off .ch-n{background:var(--panel-3);color:var(--muted)}
.ch-after{color:var(--muted);font-size:13px}
/* user card */
.ur-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--r-m)}
.ur-add{gap:8px;margin-top:12px}
.ur-chain{display:flex;flex-direction:column;gap:8px;padding-block:10px}
.ur-chain+.ur-chain{border-block-start:1px solid var(--line-soft)}
.ur-eff summary{cursor:pointer;list-style:none}
.ur-eff summary::-webkit-details-marker{display:none}
.ur-eff-g{margin-top:12px}
.ur-eff-g>b{font-size:13px;color:var(--muted)}
.ur-eff-l{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ur-eff-i{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:999px;font-size:12.5px;border:1px solid var(--line-soft)}
.ur-eff-i.on{color:var(--ok);background:var(--ok-soft)}
.ur-eff-i.off{color:var(--faint);text-decoration:line-through}
.ur-eff-i .mx-dot{margin:0 0 0 2px;width:7px;height:7px}
/* settings: my roles and the shop */
.my-held{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.my-role{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;border-radius:var(--r-m);border:1px solid var(--line-soft);border-inline-start:3px solid var(--uc,var(--line-strong));background:var(--panel-2)}
.my-role.base{--uc:var(--silver)}
.my-path{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.my-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.my-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-l);border:1px solid color-mix(in srgb,var(--uc) 35%,var(--line-soft));background:linear-gradient(160deg,color-mix(in srgb,var(--uc) 10%,transparent),transparent 60%),var(--panel-2)}
.my-card .btn{width:100%}
.my-price{font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}
.my-gives{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.my-gives li{display:flex;align-items:center;gap:6px}
.my-gives .ico{color:var(--ok);flex:none}
.mx-tbl th{text-transform:none;letter-spacing:normal}
.mx-tbl tbody th.mx-p{color:var(--fg)}
.mx-tbl thead th.mx-col{white-space:normal;max-width:120px;min-width:92px;font-weight:600;color:var(--fg)}
.mx-tbl thead th.mx-col.sys{color:var(--muted)}
.mx-g th{text-transform:uppercase;letter-spacing:.06em}
.ch-card{display:flex;flex-direction:column;gap:14px}
.my-next{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-m);background:var(--panel-2);border:1px solid var(--line-soft);font-size:14px}.my-next .ico{color:var(--warn);flex:none}
.col>.ucat,.modal .ucat{align-self:flex-start}

/* ===== Settings → «Оплата доступов» (38-access-pay.js) ===== */
.ap-card{border-color:color-mix(in srgb,#F7931A 28%,var(--line-soft))}
.ap-methods{gap:6px;margin:2px 0 10px}
.ap-tag-btc{background:rgba(247,147,26,.14);color:#F7A531;border-color:rgba(247,147,26,.35)}
.ap-bal{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 12px;border-radius:var(--r-m,10px);background:var(--field);border:1px solid var(--line-soft);margin-bottom:10px}
.ap-bal b{font-size:18px}
.ap-bal.sm b{font-size:15px}
.ap-actions{gap:8px;margin-top:4px}
.ap-list{display:flex;flex-direction:column;gap:10px}
.ap-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r-l);border:1px solid color-mix(in srgb,var(--uc) 35%,var(--line-soft));background:linear-gradient(160deg,color-mix(in srgb,var(--uc) 9%,transparent),transparent 70%)}
.ap-gives{font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.ap-price{align-items:flex-end;gap:4px;flex:none;text-align:end}
.ap-price>b{font-size:17px;white-space:nowrap}
.ap-btc{font-size:12.5px;color:#F7A531;white-space:nowrap}
.ap-btc.low{color:var(--danger)}
@media (max-width:560px){.ap-row{flex-direction:column;align-items:stretch}.ap-price{align-items:stretch;text-align:start}.ap-price .row{justify-content:stretch}.ap-price .btn{flex:1}.ap-actions .btn{flex:1 1 100%}}

/* ===== Account / Settings menu: all items visible (39-acc-menu.js) ===== */
.cab.cab-acc{grid-template-columns:minmax(0,1fr)}
.cab-acc .cab-nav.acc-menu,.sn-wrap .cab-acc .cab-nav.acc-menu{position:static;display:flex;flex-direction:column;gap:12px;overflow:visible;padding:12px}
.cab-acc .acc-menu .who{display:none}
.acc-menu .am-group{display:flex;flex-direction:column;gap:6px}
.acc-menu .am-h{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 2px}
.acc-menu .am-h b{text-transform:none;letter-spacing:0;color:var(--fg);font-weight:600}
.acc-menu .am-h .tag{height:18px;font-size:10.5px;text-transform:none;letter-spacing:0}
.acc-menu .am-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:6px}
.sn-wrap .cab-acc .acc-menu .nav-i,.acc-menu .nav-i{width:auto;min-width:0;white-space:normal;line-height:1.2;text-align:start;justify-content:flex-start;border:1px solid var(--line);border-radius:var(--r-m);padding:9px 12px;min-height:42px}
.acc-menu .nav-i span:not(.cnt){min-width:0;overflow:hidden;text-overflow:ellipsis;hyphens:auto}
.acc-menu .nav-i{gap:8px}
.acc-menu .nav-i .cnt{margin-inline-start:auto}
.acc-menu .nav-i.on{border-color:color-mix(in srgb,var(--accent,#C62F2F) 60%,var(--line))}
.acc-menu .am-store .nav-i{border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}
.acc-menu .am-foot{display:flex;justify-content:flex-end;border-block-start:1px solid var(--line);padding-block-start:10px}
.acc-menu .am-foot .nav-i{border-color:transparent}
.am-storecard{border-color:color-mix(in srgb,var(--ok) 30%,var(--line-soft))}
@media (max-width:560px){.acc-menu .am-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sn-wrap .cab-acc .acc-menu .nav-i,.acc-menu .nav-i{padding:8px 10px;font-size:13.5px;white-space:normal;line-height:1.2}.acc-menu .am-foot{justify-content:stretch}.acc-menu .am-foot .nav-i{flex:1;justify-content:center}}

/* ===== Simple products (40-simple-products.js) ===== */
.sp-form{max-width:760px}
.sp-status{display:flex;flex-wrap:wrap;gap:8px}
.sp-list{padding:6px 0;overflow:hidden}
.sp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-block-end:1px solid var(--line)}
.sp-row:last-child{border-block-end:0}
.sp-name{font-weight:600;font-size:15px;text-align:start;min-width:0;overflow-wrap:anywhere;color:var(--fg)}
button.sp-name:hover{text-decoration:underline}
.sp-btns{display:flex;gap:8px;flex:none}
.sp-noprice{color:var(--mk-muted,#8a8178);font-weight:600}
.pd-price.sp-noprice{font-size:20px}
@media (max-width:560px){.sp-row{flex-direction:column;align-items:stretch;gap:8px}.sp-btns .btn{flex:1}}

/* ===== Store panel → «Локации» (41-locations.js) ===== */
.loc-city{display:flex;flex-direction:column;gap:12px}
.loc-lines{display:flex;flex-direction:column;gap:6px}
.loc-line{display:flex;gap:6px;align-items:center}
.loc-line .input{flex:1;min-width:0}
.loc-line .input.is-ok{border-color:var(--ok)}
.loc-add{display:flex;gap:8px}
.loc-add .input{flex:1;min-width:0}
.loc-add .btn{flex:none}
@media (max-width:560px){.loc-add{flex-direction:column}.loc-add .btn{width:100%}}
.loc-dist{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel-2)}
.loc-dist-h{display:flex;align-items:center;gap:8px}
.loc-dist-ico{color:var(--muted);display:inline-flex;flex:none}
.loc-dist-h .loc-dname{flex:1;min-width:0;font-weight:600}
.loc-dist-h .loc-dname.is-ok{border-color:var(--ok)}
.loc-dist .loc-lines{padding-inline-start:22px}
.loc-dist .loc-add{padding-inline-start:22px}
.loc-nodist{border-style:dashed}
.loc-add-dist{padding-top:4px;border-top:1px dashed var(--line)}
@media (max-width:560px){.loc-dist .loc-lines,.loc-dist .loc-add{padding-inline-start:0}.loc-dist-h .tag{display:none}}
@media (max-width:560px){.loc-city>.row:first-child .tag{display:none}.loc-city>.row:first-child h3{overflow-wrap:anywhere}}
@media (max-width:560px){.loc-add .input{flex:none;width:100%}}

/* ===== Store panel → «dgrukt» (42-dgrukt.js) ===== */
.dgr-addcity{display:flex;gap:8px}
.dgr-addcity .select{flex:1;min-width:0}
.dgr-city{display:flex;flex-direction:column;gap:12px}
.dgr-cat{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel-2)}
.dgr-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px}
.dgr-f{display:flex;flex-direction:column;gap:2px;min-width:0}
.dgr-fl{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dgr-fv{overflow-wrap:anywhere}
.dgr-cat-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.dgr-form{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px dashed var(--line-strong,var(--line));border-radius:var(--r-l)}
.dgr-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.dgr-addcat{align-self:flex-start}
/* one line per product: name, weight, price, in stock, then the buttons — wraps into a column on narrow screens */
.dgr-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dgr-l-name{flex:1 1 180px;min-width:0;font-weight:600}
.dgr-l-cell{display:flex;flex-direction:column;gap:1px;min-width:72px}
.dgr-l-v{font-variant-numeric:tabular-nums;white-space:nowrap}
.dgr-l-btns{display:flex;flex-wrap:wrap;gap:6px;margin-inline-start:auto}
/* the product the store arrived with from «Мои товары» */
.dgr-focus{border-color:color-mix(in srgb,var(--accent,var(--warn)) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,var(--warn)) 35%,transparent)}
@media (max-width:720px){.dgr-l-btns{margin-inline-start:0;width:100%}.dgr-l-btns .btn{flex:1 1 calc(50% - 3px)}}
@media (max-width:420px){.dgr-l-btns .btn{flex:1 1 100%}}
@media (max-width:560px){.dgr-addcity{flex-direction:column}.dgr-addcity .select{flex:none;width:100%}.dgr-city>.row:first-child .tag{display:none}.dgr-cat-foot .row .btn{flex:1}.dgr-cat-foot .row{flex:1}.dgr-addcat{align-self:stretch}}

/* ===== Store panel → «gdru» (43-gdru.js) ===== */
.gd-forms{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.gd-block{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel-2)}
.gd-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
/* photos of one entry: up to 8, each removable */
/* the chosen line of «dgrukt» — the product is fixed here, so it is shown as a locked header */
.gd-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--accent,var(--warn)) 40%,var(--line));border-radius:var(--r-l);background:var(--panel-2)}
.gd-photos{display:flex;flex-wrap:wrap;gap:8px}
.gd-ph-item{position:relative;width:72px;height:72px}
.gd-ph-item img{width:100%;height:100%;object-fit:cover;border-radius:9px;cursor:zoom-in;border:1px solid var(--line);display:block}
.gd-ph-tools{position:absolute;top:3px;inset-inline-end:3px;display:flex;gap:2px;opacity:0;transition:opacity .12s}
.gd-ph-item:hover .gd-ph-tools,.gd-ph-item:focus-within .gd-ph-tools{opacity:1}
.gd-ph-tools button{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(12,8,9,.72);color:#fff;border:0;cursor:pointer;padding:0}
.gd-add-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;height:72px;border:1px dashed var(--line-strong,var(--line));border-radius:9px;color:var(--muted);font-size:11px;cursor:pointer;text-align:center;padding:4px}
.gd-add-ph input{display:none}
.gd-list{display:flex;flex-direction:column;margin-top:8px;font-size:13.5px}
.gd-row{display:grid;grid-template-columns:28px repeat(3,minmax(0,1fr)) 108px 84px 68px;align-items:center;gap:10px;padding:6px 2px;border-block-end:1px solid var(--line);min-height:40px}
.gd-rowacts{display:flex;align-items:center;justify-content:flex-end;gap:2px}
.gd-row:last-child{border-block-end:0}
.gd-hrow{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);min-height:0;padding-block:4px 6px}
.gd-no{font-size:12px;color:var(--muted);font-weight:700;text-align:center}
.gd-c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd-ph{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden}
.gd-ph img{width:28px;height:28px;object-fit:cover;border-radius:5px;cursor:zoom-in;flex:none}
.gd-ph i{font-style:normal;font-size:12px}
.gd-d{font-size:12px;white-space:nowrap}
@media (max-width:640px){.gd-fields{grid-template-columns:minmax(0,1fr)}.gd-actions .btn{flex:1 1 100%}.gd-actions .grow{display:none}.gd-hrow{display:none}.gd-row{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr) 68px;row-gap:4px;padding:8px 0}.gd-row .gd-ph{grid-column:2/4}.gd-row .gd-ph.none,.gd-row .gd-d{display:none}.gd-row .gd-rowacts{grid-column:4;grid-row:1}.gd-row{min-height:36px;padding:5px 0}}

/* ===== Store workers v2, store categories, buyers (44-staff-v2.js) ===== */
.sw-seg{margin-top:4px}
.sw-add{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:14px}
.sw-worker{display:flex;flex-direction:column;gap:12px}
.sw-worker.paused{opacity:.85;border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.sw-head{display:flex;align-items:center;gap:12px}
.sw-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.sw-sum{display:flex;flex-direction:column;gap:2px;padding-bottom:6px}
.sw-acts{gap:6px}
.sw-rights{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:14px}
.sw-presets{display:flex;flex-direction:column;gap:6px}
.sw-grp{display:flex;flex-direction:column;gap:8px}
.sw-grp-h{display:flex;align-items:center;gap:6px}
.sw-grp-h .faint{margin-inline-start:auto;font-size:12px}
.sw-perms{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}
.sw-perm{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m,10px);background:var(--panel-2);cursor:pointer}
.sw-perm.on{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.sw-perm.dim{opacity:.7}
.sw-perm-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sw-perm-t .hint{font-size:12px;line-height:1.3}
.sw-cats{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed var(--line);border-radius:var(--r-l)}
.sw-catlist{display:flex;flex-wrap:wrap;gap:6px}
.sw-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.sw-kpi{display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:start}
.sw-kpi-n{margin-inline-start:auto;font-size:20px;font-weight:700}
.sw-tbl td,.sw-tbl th{white-space:nowrap}
.sw-tbl tbody tr{cursor:pointer}
.sw-act{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line)}
.sw-act:last-child{border-bottom:0}
.sw-act-i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--panel-3);color:var(--muted)}
.sw-readonly{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
.sw-paused-note{margin-bottom:12px}
.by-tbl tbody tr{cursor:pointer}
.by-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.by-kpis span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-m,10px);font-size:12.5px;color:var(--muted);min-width:96px}
.by-kpis b{font-size:20px;color:var(--fg)}
.by-sec{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.by-sec h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}
.by-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.by-row:last-child{border-bottom:0}
.by-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.by-reply{margin:0;font-size:13px;color:var(--muted);padding-inline-start:10px;border-inline-start:2px solid var(--line)}
.by-pp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px}
@media (max-width:640px){.sw-perms{grid-template-columns:minmax(0,1fr)}.sw-acts .btn{flex:1 1 45%}.sw-acts .grow{display:none}.sw-add .btn{width:100%}}

/* ===== Admin → «Торговая площадка» → «Настройки» (45-admin-mksettings.js) ===== */
.mks-add{display:flex;gap:8px;align-items:flex-start}
.mks-add>.btn{margin-top:23px}
.mks-list{display:flex;flex-direction:column;margin-top:14px;border-top:1px solid var(--line)}
.mks-row{display:flex;align-items:center;gap:12px;padding:8px 2px;border-bottom:1px solid var(--line)}
.mks-no{width:24px;text-align:center;color:var(--muted);font-size:12.5px}
@media (max-width:560px){.mks-add{flex-direction:column;align-items:stretch}.mks-add>.btn{margin-top:0}}

/* ===== Store badges (46-badges.js) ===== */
.sbadge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;color:var(--bc);background:color-mix(in srgb,var(--bc) 14%,transparent);border:1px solid color-mix(in srgb,var(--bc) 45%,transparent);white-space:nowrap;cursor:default}
.sbadge.mini{width:20px;height:20px;padding:0;justify-content:center}
.sbadges{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.sbadges.mini{gap:4px;margin-top:4px}
.pd-info .sbadges{margin-top:-4px}
.store-hero .sbadges{margin-inline-start:4px}
.bdg-form{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:14px;border:1px dashed var(--line);border-radius:var(--r-l)}
.bdg-color{width:44px;height:36px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--field);cursor:pointer}
.bdg-icons{display:flex;flex-wrap:wrap;gap:4px}
.bdg-ico input{position:absolute;opacity:0;pointer-events:none}
.bdg-ico span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--muted)}
.bdg-ico input:checked+span{border-color:var(--red-hi,#E05A47);color:var(--fg);background:var(--panel-3)}
.bdg-ico input:focus-visible+span{outline:2px solid var(--red-hi,#E05A47)}
.bdg-card.off{opacity:.65}
.bdg-stores{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.bdg-found{position:absolute;inset-inline:0;top:100%;z-index:5;margin-top:4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m,10px);box-shadow:0 10px 30px rgba(0,0,0,.35);max-height:260px;overflow:auto}
.bdg-found-i{display:flex;align-items:center;gap:6px;width:100%;padding:9px 12px;text-align:start;border-bottom:1px solid var(--line)}
.bdg-found-i:hover{background:var(--panel-2)}
.bdg-slist{display:flex;flex-direction:column}
.bdg-srow{display:flex;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid var(--line)}
.bdg-srow.off{opacity:.55}
.bdg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.bdg-scard{display:flex;flex-direction:column;gap:10px;padding:16px;border-color:color-mix(in srgb,var(--bc) 35%,var(--line-soft));background:linear-gradient(160deg,color-mix(in srgb,var(--bc) 9%,transparent),transparent 70%)}
.bdg-scard .sbadge{align-self:flex-start}
.bdg-scard.owned{box-shadow:0 0 0 1px color-mix(in srgb,var(--bc) 55%,transparent)}
.bdg-price{font-size:20px;font-variant-numeric:tabular-nums}
.bdg-scard .btn{width:100%}