@font-face{font-family:Vazirmatn;src:url(/static/fonts/vazirmatn-ar.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Vazirmatn;src:url(/static/fonts/vazirmatn-lat.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Lalezar;src:url(/static/fonts/lalezar-ar.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Lalezar;src:url(/static/fonts/lalezar-lat.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--cn-bg:#15110D;--cn-bg2:#0E0B08;--cn-panel:#221B15;--cn-panel2:#1C1611;--cn-raise:#2A221B;--cn-line:#2E2620;--cn-line2:#3A3028;--cn-line3:#463A30;--cn-hl:#2E2418;--cn-ink:#FFF6DC;--cn-ink2:#E9DDC0;--cn-mut:#BFB291;--cn-mut2:#A8987A;--cn-mut3:#9A8A6A;--cn-head:#FCE38A;--cn-accent:#F6B830;--cn-ok:#7FCF6A;--cn-dot:rgba(246,184,48,.07);color-scheme:dark}
html[data-theme=light]{--cn-bg:#FFF8E6;--cn-bg2:#FCEFC8;--cn-panel:#FFFFFF;--cn-panel2:#FFFDF6;--cn-raise:#FCEFC8;--cn-line:#EAD9A8;--cn-line2:#D9C487;--cn-line3:#CDB77E;--cn-hl:#FFF1C4;--cn-ink:#141414;--cn-ink2:#2E2620;--cn-mut:#5A4B30;--cn-mut2:#6B5B3B;--cn-mut3:#6E5E40;--cn-head:#141414;--cn-accent:#A8471A;--cn-ok:#2F7A2A;--cn-dot:rgba(200,102,46,.12);color-scheme:light}

*{box-sizing:border-box}
html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cn-bg);font-family:Vazirmatn,Tahoma,sans-serif;color:var(--cn-ink);transition:background-color .3s;line-height:1.6}
a{color:inherit;text-decoration:none}a:hover{color:var(--cn-accent)}
img{max-width:100%}
button,input,textarea,select{font-family:inherit}
input::placeholder,textarea::placeholder{color:#8A7A5A}
[hidden]{display:none!important}
.cn-noscroll{scrollbar-width:none}.cn-noscroll::-webkit-scrollbar{display:none}
::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#F6B830;border-radius:8px}
html,body{cursor:url(/static/img/cursor-bread.png) 7 7,auto}
a,button,select,label,[role=button]{cursor:url(/static/img/cursor-bread-hover.png) 7 7,pointer!important}
input,textarea{cursor:text}
:focus-visible{outline:3px solid #F6B830;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lz{font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400;paint-order:stroke fill}

.page{min-height:100vh;background:var(--cn-bg);background-image:radial-gradient(var(--cn-dot) 1.5px,transparent 1.6px);background-size:18px 18px;overflow-x:clip}
.head-space{height:76px}
@media (max-width:759.98px){.only-desk{display:none!important}.head-space{height:calc(60px + env(safe-area-inset-top))}.page{padding-bottom:calc(66px + env(safe-area-inset-bottom))}}
@media (min-width:760px){.only-mob{display:none!important}}

/* covers */
.cv{position:relative;display:block;aspect-ratio:3/4;border:3px solid #000;border-radius:12px;overflow:hidden;background:#F6B830;box-shadow:5px 5px 0 #000}
.cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cv .dots{position:absolute;inset:0;background:radial-gradient(rgba(0,0,0,.2) 1.6px,transparent 2px);background-size:8px 8px}
.cv .ty{position:absolute;top:0;right:0;color:#141414;font:900 11px Vazirmatn;padding:4px 10px 4px 12px;border-left:2.5px solid #000;border-bottom:2.5px solid #000;border-radius:0 0 0 10px;z-index:1}
.cv .rate{position:absolute;inset:auto 0 0 0;padding:20px 10px 8px;background:linear-gradient(to top,rgba(10,8,6,.9),transparent);font-size:12px;font-weight:700;color:#FFF6DC;z-index:1}
.burst{display:grid;place-items:center;background:#CC3A22;color:#FFF;font-family:Lalezar;clip-path:polygon(50% 0,61% 22%,85% 10%,78% 36%,100% 50%,78% 64%,85% 90%,61% 78%,50% 100%,39% 78%,15% 90%,22% 64%,0 50%,22% 36%,15% 10%,39% 22%)}
.cv-ph{display:grid;place-items:center;color:rgba(20,20,20,.5);font:500 11px monospace}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:900 15px Vazirmatn;padding:12px 22px;border-radius:14px;border:3px solid #000;background:#F6B830;color:#141414;box-shadow:4px 4px 0 #000;white-space:nowrap;cursor:pointer;transition:transform .12s,box-shadow .12s}
.btn:hover{color:#141414;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.btn[disabled],.btn.is-off{opacity:.55;pointer-events:none}
.btn-cream{background:#FFF6DC}
.btn-dark{background:#000;color:#FCE38A;border-color:#000}.btn-dark:hover{color:#FCE38A}
.btn-ghost{background:transparent;color:var(--cn-accent);border:3px solid var(--cn-accent);box-shadow:none}
.btn-ghost:hover{background:#F6B830;color:#141414;box-shadow:none;transform:none}
.btn-sm{font-size:13px;padding:8px 14px;border-width:2.5px;border-radius:12px;box-shadow:2px 2px 0 #000}
.btn-line{background:transparent;color:var(--cn-ink);border:2px solid var(--cn-line3);box-shadow:none;font-weight:700}
.btn-line:hover{border-color:var(--cn-accent);color:var(--cn-accent);box-shadow:none;transform:none}
.btn-danger{background:transparent;color:#E8452C;border:2px solid #E8452C;box-shadow:none;font-weight:700}
.btn-danger:hover{background:#CC3A22;color:#FFF;box-shadow:none;transform:none}
.icon-btn{flex:none;width:48px;height:48px;display:grid;place-items:center;cursor:pointer;border-radius:14px;border:2px solid var(--cn-line2);background:var(--cn-panel);color:var(--cn-ink);padding:0}
.icon-btn:hover{border-color:var(--cn-accent);color:var(--cn-accent)}

/* segmented control */
.seg{display:flex;gap:4px;background:var(--cn-panel);border:2px solid var(--cn-line2);border-radius:12px;padding:4px}
.seg>*{font:700 14px Vazirmatn;border:none;cursor:pointer;padding:6px 14px;border-radius:9px;background:transparent;color:var(--cn-mut);white-space:nowrap}
.seg>.on{background:#F6B830;color:#141414}
.seg-sm>*{font-size:12px;padding:0 10px;height:32px;display:grid;place-items:center}

/* form fields */
.fld{display:flex;flex-direction:column;gap:6px}
.fld>span{font-size:13px;font-weight:700;color:var(--cn-mut2)}
.inp{height:46px;padding:0 14px;border:2px solid var(--cn-line3);border-radius:12px;background:var(--cn-bg);color:var(--cn-ink);font:500 16px Vazirmatn;outline:none;width:100%}
textarea.inp{height:auto;min-height:90px;padding:10px 14px;line-height:1.8;resize:vertical}
.inp:focus{border-color:var(--cn-accent)}
.err{font-size:12px;color:#E8452C}

.card{background:var(--cn-panel);border:2px solid var(--cn-line2);border-radius:20px;padding:18px}
.h2{margin:0;font-family:Lalezar;font-weight:400;font-size:38px;color:var(--cn-head);line-height:1.2}
@media (max-width:759.98px){.h2{font-size:26px}}
.dash{flex:1;height:3px;background:repeating-linear-gradient(90deg,var(--cn-line2) 0 10px,transparent 10px 16px)}
.empty{padding:40px 20px;border:2px dashed var(--cn-line3);border-radius:18px;text-align:center;color:var(--cn-mut2);font-size:14px;line-height:1.9}
.tag{font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;background:#FCE38A;border:2px solid #000;color:#141414}
.tag:hover{background:#F6B830;color:#141414}
.chip{font-weight:900;font-size:13px;padding:4px 12px;border:2px solid #000;border-radius:8px;color:#141414}

/* overlays */
.ov{position:fixed;inset:0;z-index:70;background:rgba(10,8,6,.82);display:grid;place-items:center;padding:24px}
.sheet{width:100%;max-width:440px;max-height:calc(100vh - 24px);overflow-y:auto;scrollbar-width:none;background:#FFF6DC;color:#141414;border:3px solid #000;border-radius:24px;box-shadow:8px 8px 0 #F6B830;padding:20px 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}
@media (max-width:759.98px){.ov{place-items:end center;padding:0}.sheet{max-width:100%;border-radius:24px 24px 0 0;box-shadow:none}}
.sheet .x{width:36px;height:36px;cursor:pointer;border:2px solid #000;border-radius:10px;background:#FFF;color:#141414;font-size:18px;flex:none}
.sheet .inp{background:#FFF;color:#141414;border-color:#000}
.toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;z-index:90;transform:translateX(-50%);background:#FFF6DC;color:#141414;border:2.5px solid #000;border-radius:14px;box-shadow:4px 4px 0 #000;padding:10px 16px;font-weight:900;font-size:14px;white-space:nowrap;animation:cn-toast 2.6s ease forwards;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}
@keyframes cn-toast{0%{transform:translate(-50%,16px);opacity:0}12%,85%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,8px);opacity:0}}
@keyframes cn-wobble{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}

/* header (desktop) */
.hd{position:fixed;top:0;left:0;right:0;z-index:40;height:76px;background:var(--cn-bg);border-bottom:2px solid var(--cn-line)}
.hd-in{position:relative;max-width:1360px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px}
.hd-nav a{font-weight:700;font-size:15px;padding:9px 14px;border-radius:12px;white-space:nowrap;color:var(--cn-ink2)}
.hd-nav a.on{background:#FCE38A;color:#141414}
.hd .fly{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .2s}
.hd.searching .fly{opacity:0;transform:translate(var(--fx,120px),-110px) rotate(var(--fr,18deg));transition:transform .38s cubic-bezier(.2,.9,.3,1),opacity .25s}
.sbox{position:absolute;top:14px;left:132px;height:48px;width:48px;display:flex;align-items:center;overflow:hidden;cursor:pointer;background:#F6B830;border:2.5px solid #000;border-radius:14px;box-shadow:2px 2px 0 #000;transition:width .42s cubic-bezier(.7,0,.25,1),left .42s cubic-bezier(.7,0,.25,1),box-shadow .3s}
.hd.searching .sbox{width:calc(100% - 48px);left:24px;cursor:text;box-shadow:4px 4px 0 #000}
.sbox input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font:700 16px Vazirmatn;color:#141414;padding:0 4px}
.sbox .sx{flex:none;width:36px;height:36px;margin-left:5px;display:grid;place-items:center;cursor:pointer;border:none;border-radius:10px;background:#141414;color:#FCE38A;font-size:18px}
.sres{position:absolute;top:70px;left:24px;right:24px;background:#FFF6DC;color:#141414;border:2.5px solid #000;border-radius:16px;box-shadow:5px 5px 0 #000;padding:8px;display:flex;flex-direction:column;gap:2px}
.sres a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:#141414}
.sres a:hover{background:#FCE38A;color:#141414}
.sres .th{width:34px;height:44px;flex:none;border:2px solid #000;border-radius:6px;background:#F6B830;overflow:hidden}
.sres .th img{width:100%;height:100%;object-fit:cover;display:block}
.sres .tt{font-size:12px;font-weight:700;padding:2px 8px;border:1.5px solid #000;border-radius:6px;color:#141414}

/* header (mobile) */
.mhd-in{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 12px}
.mhd-btn{width:44px;height:44px;border-radius:13px}
.mhd-logo{display:block;justify-self:center}.mhd-logo img{height:44px;width:auto;display:block}
.mhd-end{justify-self:end;display:flex;gap:8px}
#refresh-btn.spin svg{animation:cn-spin .7s linear infinite}
@keyframes cn-spin{to{transform:rotate(360deg)}}
.mhd{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:env(safe-area-inset-top);background:var(--cn-bg);border-bottom:2px solid var(--cn-line)}
.mbar{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--cn-bg);border-top:2px solid var(--cn-line);padding-bottom:env(safe-area-inset-bottom)}
.mbar-in{height:64px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:0 4px}
.mtab{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--cn-mut2);font-size:11px;font-weight:700;border:none;background:none;cursor:pointer;position:relative}
.mtab>span{width:46px;height:28px;display:grid;place-items:center;border-radius:999px}
.mtab.on{color:var(--cn-accent)}.mtab.on>span{background:var(--cn-raise)}
.msearch-btn{justify-self:center;width:58px;height:58px;margin-top:-26px;display:grid;place-items:center;cursor:pointer;border-radius:18px;border:3px solid #000;background:#F6B830;color:#141414;box-shadow:3px 3px 0 #000;transform:rotate(-4deg)}
.mmenu{position:fixed;left:0;right:0;top:calc(60px + env(safe-area-inset-top));z-index:39;transform:translateY(calc(-100% - 80px));transition:transform .32s cubic-bezier(.2,.9,.3,1);background:var(--cn-bg);border-bottom:3px solid #000;border-radius:0 0 24px 24px;box-shadow:0 6px 0 #000;padding:16px 16px 14px;display:flex;flex-direction:column;gap:14px}
.mmenu.open{transform:none}
.mmenu-item{height:64px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;background:var(--cn-panel);border:2px solid var(--cn-line2);color:var(--cn-ink);font-weight:700;font-size:15px}
.mmenu-item>span{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;border:2px solid #000;color:#141414;font-family:Lalezar;font-size:16px;line-height:1}
.mscreen{position:fixed;inset:0;z-index:65;background:var(--cn-bg);transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.9,.3,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
.mscreen.open{transform:none}
.dim{position:fixed;inset:0;z-index:38;background:rgba(10,8,6,.7)}

/* footer */
.ft{border-top:2px solid var(--cn-line);background:var(--cn-bg2);color:var(--cn-ink2)}
.ft a.lnk{font-size:14px;font-weight:700;padding:10px 12px;border-radius:10px;color:var(--cn-ink2)}
.ft a.lnk:hover{color:var(--cn-accent);background:var(--cn-panel2)}
.ft-in{max-width:1360px;margin:0 auto;padding:28px 24px 22px;display:flex;flex-direction:column;gap:18px}
.ft-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ft-brand{display:flex;align-items:center;gap:14px;flex:1 1 300px}
.ft-brand img{height:64px;width:auto;flex:none}
.ft-brand p{margin:0;font-size:13px;line-height:1.9;color:var(--cn-mut2);max-width:380px}
.ft-nav,.ft-links,.ft-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ft-tg{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900;height:44px;padding:0 14px 0 12px;border:2px solid var(--cn-line2);border-radius:12px;color:var(--cn-ink)}
.ft-top{width:44px;height:44px;display:grid;place-items:center;cursor:pointer;border:2.5px solid #000;border-radius:12px;background:#F6B830;color:#141414;box-shadow:2px 2px 0 #000}
.ft-copy{font-size:12px;color:var(--cn-mut3);text-align:center}
/* phones: one centred column — brand, links, then the channel + back-to-top pair */
@media (max-width:759.98px){
  .ft-in{padding:26px 16px 20px;gap:16px}
  .ft-row{flex-direction:column;gap:14px}
  .ft-brand{flex:none;flex-direction:column;gap:8px;text-align:center}
  .ft-brand img{height:56px}
  .ft-nav{flex-direction:column;gap:12px;width:100%}
  .ft-links{justify-content:center;gap:0}
  .ft-links a.lnk{padding:8px 10px}
  .ft-links a.lnk+a.lnk::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--cn-line3);margin-inline-end:10px;vertical-align:middle;position:relative;inset-inline-start:-10px}
  .ft-acts{justify-content:center;gap:10px}
}

/* home grid card */
.gcard{display:flex;flex-direction:column;gap:10px;transition:transform .15s}
.gcard:hover{transform:rotate(0) translateY(-4px)!important;color:var(--cn-ink)}
.grid-latest{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px}
@media (max-width:1099.98px){.grid-latest{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:899.98px){.grid-latest{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:759.98px){.grid-latest{gap:16px 10px}}
@media (max-width:359.98px){.grid-latest{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* rich text (static pages, summaries) */
.prose p{margin:0 0 14px;line-height:2.1}
.spoiler{filter:blur(5px);cursor:pointer;user-select:none;-webkit-user-select:none}
.spoiler.open{filter:none;user-select:auto;-webkit-user-select:auto;animation:cn-unblur .75s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:759.98px){
  .home-main{padding:16px 16px 28px;gap:30px}
  .bakery-hero{padding:18px;border-width:3px;border-radius:20px;box-shadow:5px 5px 0 #C8662E}
  .bakery-roles{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px}
  .bakery-roles>div{flex:0 0 82%;max-width:320px;scroll-snap-align:center}
  .gcard{transform:none!important}
  .gcard .cv{border-width:2.5px;border-radius:10px;box-shadow:3px 3px 0 #000}
  .gcard>b{font-size:13px!important}
}
@media (max-width:759.98px){
  .ttl-hero{padding:28px 16px 24px!important}
  .ttl-cover{flex-basis:200px!important}
  .ttl-main{padding:24px 16px 32px!important}
  .ttl-main aside{position:static!important}
}
.cm{display:flex;gap:10px;padding:14px 0;border-top:1.5px solid var(--cn-line)}
.cm-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.cm-text{margin:0;font-size:15px;line-height:1.9;color:var(--cn-ink2);white-space:pre-wrap;word-break:break-word}
.cm-act{height:36px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:0 8px;border:none;border-radius:10px;background:transparent;color:var(--cn-mut2);font:700 13px Vazirmatn}
.cm-act:hover{background:var(--cn-raise)}
.cm-act.liked{color:#E8452C}
.cm-reply{display:flex;gap:8px;padding:10px 12px;border-radius:14px;background:var(--cn-panel);border:2px solid var(--cn-line2)}
.cm-sptog{flex:none;align-self:flex-end;width:44px;height:44px;display:grid;place-items:center;border:none;border-radius:14px;background:transparent;color:var(--cn-mut3);cursor:pointer;transition:background .2s,color .2s,transform .15s}
.cm-sptog:hover{background:var(--cn-raise)}
.cm-sptog:active{transform:scale(.9)}
.cm-sptog[aria-pressed=true]{background:var(--cn-raise);color:var(--cn-accent)}
.cm-spw{position:relative;min-height:44px;display:flex;align-items:center;cursor:pointer;border-radius:12px}
.cm-spw:focus-visible{outline:2px solid var(--cn-accent);outline-offset:2px}
.cm-spw.open{cursor:auto;min-height:0;transition:min-height .4s}
.cm-spw .cm-text{flex:1}
.cm-spl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;font:700 12px Vazirmatn;color:var(--cn-accent);background:var(--cn-panel2);border:1px solid color-mix(in srgb,var(--cn-accent) 35%,transparent);border-radius:8px;padding:4px 10px;box-shadow:0 2px 10px rgba(0,0,0,.25);transition:opacity .35s,transform .35s}
.cm-spw.open .cm-spl{opacity:0;transform:translate(-50%,-50%) scale(.85)}
.cm-blur{position:relative;cursor:pointer;filter:blur(6px);user-select:none;-webkit-user-select:none;transition:filter .2s}
.cm-spw:not(.open):hover .cm-blur{filter:blur(7px)}
.cm-blur.open{cursor:auto;filter:none;user-select:auto;-webkit-user-select:auto;animation:cn-unblur .75s cubic-bezier(.2,.8,.2,1)}
@keyframes cn-unblur{0%{filter:blur(6px);opacity:.55;transform:scale(.985)}55%{filter:blur(1px);opacity:1;transform:scale(1.012)}100%{filter:blur(0);transform:none}}
@media (prefers-reduced-motion:reduce){.cm-blur.open{animation:none}.cm-spl{transition:none}}
.cm-repmenu{display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap;background:var(--cn-raise);border-radius:10px}
.cm-repwhy{font:700 12px Vazirmatn;color:var(--cn-mut3);padding:0 8px}
.badge-ic{flex:none;width:18px;height:18px;display:block}
.cm-held{align-self:flex-start;font-size:11px;font-weight:700;color:#8A6A00;background:#FCE38A;border-radius:6px;padding:1px 8px}
.is-held>.cm-body>.cm-text,.cm-reply.is-held .cm-text{opacity:.65}
.role-chip{flex:none;color:#141414;font:900 10px Vazirmatn;padding:1px 7px;border:1.5px solid #000;border-radius:5px}
@media (max-width:759.98px){.br-main{padding:20px 16px 32px!important}}
.mscreen:not(.open),.mmenu:not(.open){visibility:hidden;transition:transform .32s cubic-bezier(.2,.9,.3,1),visibility 0s .34s}

/* mobile home spotlight: horizontal card, cover on the start side, works with one or many featured titles */
.mhero{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 16px 10px}
.mhero-card{flex:0 0 calc(100% - 44px);scroll-snap-align:center;position:relative;overflow:hidden;display:flex;align-items:stretch;gap:14px;min-height:196px;padding:14px;border:3px solid #000;border-radius:20px;background:var(--tc);box-shadow:4px 4px 0 #000;color:#FFF6DC;isolation:isolate}
.mhero.one .mhero-card{flex-basis:100%}
.mhero-card:hover{color:#FFF6DC}
.mh-bg{position:absolute;inset:0;z-index:-1}
.mh-bg img{width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(1.2);transform:scale(1.25);opacity:.7}
.mh-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(14,10,7,.35),rgba(14,10,7,.9) 60%),radial-gradient(rgba(0,0,0,.28) 1.6px,transparent 2px);background-size:auto,9px 9px}
.mh-cv{flex:none;width:118px;aspect-ratio:3/4;align-self:center;position:relative;overflow:hidden;border:2.5px solid #000;border-radius:12px;box-shadow:3px 3px 0 #000;transform:rotate(-3deg);background:var(--tc)}
.mh-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mh-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px}
.mh-tags{display:flex;gap:6px;flex-wrap:wrap}
.mh-ty{background:var(--tc);color:#141414;font:900 11px Vazirmatn;padding:2px 9px;border:1.5px solid #000;border-radius:7px}
.mh-bub{background:#FFF6DC;color:#141414;font:800 11px Vazirmatn;padding:2px 9px;border:1.5px solid #000;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mh-t{font-size:26px;line-height:1.15;color:#FCE38A;text-shadow:2px 2px 0 #000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mh-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#E9DDC0}
.mh-go{align-self:flex-start;margin-top:2px;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:2.5px solid #000;border-radius:12px;background:#F6B830;color:#141414;font:900 14px Vazirmatn;box-shadow:2px 2px 0 #000;white-space:nowrap;flex:none}
@media (max-width:419.98px){.mh-go{height:36px;padding:0 12px;font-size:13px;gap:5px}}
@media (max-width:359.98px){.mh-cv{width:96px}.mh-t{font-size:22px}}

/* title page on phones: stats in one tidy row, main action full width */
@media (max-width:759.98px){
  .ttl-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}
  .ttl-stats>div{min-width:0!important;padding:8px 4px!important;align-items:center;text-align:center;border-radius:12px!important}
  .ttl-stats b{font-size:20px!important}
  .ttl-stats span{font-size:11px!important}
  .ttl-acts>.btn:first-child{flex:1 1 100%;height:54px}
  .ttl-acts>*{flex:1 1 auto}
  .ttl-hero h1{font-size:38px!important;-webkit-text-stroke:3px #000!important;text-shadow:3px 3px 0 #000,5px 5px 0 #C8662E!important}
}

/* purchase celebration */
.cel{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px;background:rgba(10,8,6,.86);animation:cel-in .25s ease-out}
.cel-box{position:relative;width:min(380px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:30px 22px 22px;background:#FFF6DC;color:#141414;border:3px solid #000;border-radius:28px;box-shadow:8px 8px 0 #F6B830;animation:cel-pop .55s cubic-bezier(.2,1.6,.4,1) both}
.cel-burst{position:absolute;top:-58px;left:50%;width:150px;height:150px;margin-left:-75px;background:#F6B830;clip-path:polygon(50% 0,61% 22%,85% 10%,78% 36%,100% 50%,78% 64%,85% 90%,61% 78%,50% 100%,39% 78%,15% 90%,22% 64%,0 50%,22% 36%,15% 10%,39% 22%);animation:cel-spin 6s linear infinite,cel-pop .6s .05s cubic-bezier(.2,1.6,.4,1) both;z-index:0}
.cel-check{position:relative;z-index:1;margin-top:-80px;filter:drop-shadow(3px 3px 0 #000)}
.cel-check .c{fill:#7FCF6A;stroke:#000;stroke-width:5;stroke-dasharray:315;stroke-dashoffset:315;animation:cel-draw .5s .2s ease-out forwards}
.cel-check .k{fill:none;stroke:#FFF;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:cel-draw .4s .65s ease-out forwards}
.cel-t{font-size:32px;line-height:1.2;margin-top:6px;animation:cel-up .4s .8s both}
.cel-s{font-size:15px;line-height:1.9;color:#4A3E26;font-weight:600;animation:cel-up .4s .95s both}
.cel-btns{display:flex;gap:8px;width:100%;margin-top:8px;animation:cel-up .4s 1.1s both}.cel-btns>*{flex:1;height:50px}
.cel-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cel-confetti i{position:absolute;top:-20px;width:10px;height:14px;border:1.5px solid #000;border-radius:2px;animation:cel-fall var(--d) var(--w) cubic-bezier(.3,.6,.6,1) forwards}
@keyframes cel-in{from{opacity:0}}
@keyframes cel-pop{from{transform:scale(.4);opacity:0}}
@keyframes cel-draw{to{stroke-dashoffset:0}}
@keyframes cel-up{from{transform:translateY(12px);opacity:0}}
@keyframes cel-spin{to{transform:rotate(360deg)}}
@keyframes cel-fall{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(var(--x),110vh,0) rotate(var(--r));opacity:.9}}
@media (prefers-reduced-motion:reduce){.cel-check .c,.cel-check .k{stroke-dashoffset:0}.cel-confetti{display:none}}
.rcpt-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:14px;border:2.5px dashed #000;border-radius:16px;background:#FCEFC8;cursor:pointer;text-align:center;overflow:hidden}
.rcpt-drop.has{padding:6px;border-style:solid;background:#FFF}
.rcpt-drop img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:11px}
.rcpt-wait{position:relative;width:64px;height:64px;border-radius:50%;border:3px solid #000;background:#FCE38A;box-shadow:3px 3px 0 #000}
.rcpt-wait i{position:absolute;left:50%;top:50%;width:3px;height:24px;margin-left:-1.5px;background:#000;border-radius:2px;transform-origin:50% 0;animation:cel-spin 2.4s linear infinite}
.rcpt-wait::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:16px;margin-left:-1.5px;background:#000;border-radius:2px;transform-origin:50% 0;transform:rotate(120deg)}
.cel-btns .btn-line{background:#FFF;color:#141414;border-color:#141414}
.toast-ok,.toast-warn{display:inline-flex;align-items:center;gap:8px}
.toast-ok svg{color:#2F7A2A;flex:none}.toast-warn svg{color:#C0341D;flex:none}
.icn{display:inline-block;vertical-align:-0.18em;flex:none}

/* grid cards line up whatever the title length: titles always take two lines, the chapter pill sits on one */
.gcard .gc-title{min-height:3em}
.gc-ch{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;white-space:nowrap;background:var(--cn-raise);border:1.5px solid var(--cn-line2);border-radius:8px;padding:5px 8px;min-width:0}
.gc-ch b{overflow:hidden;text-overflow:ellipsis}
.gc-ago{color:var(--cn-mut2);overflow:hidden;text-overflow:ellipsis}
@media (max-width:759.98px){.gc-ago{display:none}.gc-ch{justify-content:center;padding:5px 4px}.gcard{gap:8px}}
/* short pages (request, contact, rules…): footer sits at the bottom of the screen, not mid-page */
.page:has(>.ft){display:flex;flex-direction:column}
.page>.ft{margin-top:auto}
.page:has(>.ft)>*{width:100%;flex-shrink:0}
/* request page */
.rq{max-width:720px;margin:0 auto;padding:32px 16px 64px;display:flex;flex-direction:column;gap:20px}
.rq-hero{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px 18px;border:2.5px solid #000;border-radius:24px;background:var(--cn-panel);box-shadow:5px 5px 0 #F6B830}
.rq-ic{width:64px;height:64px;display:grid;place-items:center;border:2.5px solid #000;border-radius:18px;background:#F6B830;color:#141414;box-shadow:3px 3px 0 #000;transform:rotate(-4deg)}
.rq-text{margin:0;color:var(--cn-ink2);line-height:2.1;font-size:15px;white-space:pre-line;max-width:560px}
.rq-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rq-steps li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:14px 8px;border-radius:16px;border:2px solid var(--cn-line2);background:var(--cn-panel2)}
.rq-steps li span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--cn-raise);color:var(--cn-accent);margin-bottom:4px}
.rq-steps b{font-size:13.5px;color:var(--cn-ink)}.rq-steps small{font-size:11.5px;color:var(--cn-mut2);line-height:1.7}
.rq-form{display:flex;flex-direction:column;gap:12px;border-radius:20px}
@media (max-width:560px){.rq-steps{grid-template-columns:1fr}.rq-steps li{flex-direction:row;text-align:right;gap:10px}.rq-steps li span{margin:0;flex:none}.rq-steps li small{margin-right:auto}}

/* desktop hero slider: cross-fade with a little comic motion instead of a hard cut */
#hero .hero-slide.leave{position:absolute;inset:0;z-index:2;animation:hero-out .7s ease forwards;pointer-events:none}
#hero .hero-slide.enter>div:first-child{animation:hero-zoom 1.2s cubic-bezier(.2,.8,.2,1) both}
#hero .hero-slide.enter .cv{animation:hero-cover .8s cubic-bezier(.2,1.3,.4,1) both}
#hero .hero-slide.enter [style*="flex:1 1 380px"]>*{animation:hero-up .6s cubic-bezier(.2,.9,.3,1) both}
#hero .hero-slide.enter [style*="flex:1 1 380px"]>*:nth-child(2){animation-delay:.08s}
#hero .hero-slide.enter [style*="flex:1 1 380px"]>*:nth-child(3){animation-delay:.16s}
#hero .hero-slide.enter [style*="flex:1 1 380px"]>*:nth-child(4){animation-delay:.24s}
#hero .hero-slide.enter [style*="flex:1 1 380px"]>*:nth-child(5){animation-delay:.32s}
@keyframes hero-out{to{opacity:0;transform:scale(1.03)}}
@keyframes hero-zoom{from{transform:scale(1.25);opacity:.4}}
@keyframes hero-cover{from{transform:translateX(-60px) rotate(-12deg) scale(.85);opacity:0}}
@keyframes hero-up{from{transform:translateY(22px);opacity:0}}
.hero-thumb .bar{position:relative;overflow:hidden;background:rgba(255,246,220,.15)!important}
.hero-thumb.on .bar::after{content:"";position:absolute;inset:0;background:#F6B830;transform-origin:right;animation:hero-bar 7s linear both}
@keyframes hero-bar{from{transform:scaleX(0)}}
#hero:hover .hero-thumb.on .bar::after{animation-play-state:paused}
/* desktop arrows for horizontal rows (a mouse can't swipe) */
.row-nav{display:flex;gap:8px}
.row-nav button{width:38px;height:38px;display:grid;place-items:center;border:2.5px solid #000;border-radius:12px;background:#F6B830;color:#141414;box-shadow:3px 3px 0 #000;cursor:pointer;transition:transform .12s,opacity .15s}
.row-nav button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000;background:#FCE38A}
.row-nav button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.row-nav button:disabled{opacity:.35;cursor:default}
.row-nav[hidden]{display:none!important}
/* sort/status switches: never wider than a phone screen */
@media (max-width:759.98px){.seg{max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg>*{padding:6px 10px;font-size:13px}}