@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/fraunces.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/fraunces.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/outfit.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/outfit.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/outfit.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/outfit.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/outfit.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Lamoryant Social — classic diner theme (gold / cream / burgundy / charcoal), X-style layout */
:root{
  --bg:#141018; --panel:rgba(36,28,24,.86); --panel2:#241c18; --hover:rgba(232,195,106,.06);
  --line:rgba(232,195,106,.22); --line2:rgba(246,239,228,.09);
  --text:#f6efe4; --muted:#c9b8a0; --faint:#8a7a68;
  --gold:#e8c36a; --gold2:#f4d78a; --wine:#c44b3c; --wine2:#7a2230; --amber:#e89b3c; --ok:#7dcc8a; --bad:#e56b6b;
  --font:"Outfit",system-ui,sans-serif; --display:"Fraunces",Georgia,serif;
  --r:18px; --tab:64px;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased;background:
  radial-gradient(1100px 560px at 85% -8%,rgba(232,195,106,.13),transparent 60%),
  radial-gradient(800px 480px at 8% 18%,rgba(196,75,60,.14),transparent 55%),
  linear-gradient(180deg,#141018 0%,#1a1410 42%,#120e0c 100%);background-attachment:fixed}
a{color:var(--gold2);text-decoration:none} a:hover{text-decoration:underline}
img,video{max-width:100%;display:block}
[hidden]{display:none!important}
button,input,textarea{font:inherit;color:inherit}
.muted{color:var(--muted)} .faint{color:var(--faint)}
.tick{width:18px;height:18px;display:inline-block;vertical-align:-3px;margin-left:3px}

/* layout */
.shell{display:grid;grid-template-columns:260px minmax(0,600px) 340px;justify-content:center;min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-right:1px solid var(--line2)}
.main{border-right:1px solid var(--line2);min-height:100vh;background:rgba(20,16,24,.55);outline:none}
.rail{padding:14px 18px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow:auto}

.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;color:var(--text)} .brand:hover{text-decoration:none}
.badge{display:inline-block;padding:3px 3px 4px;background:linear-gradient(180deg,var(--gold),var(--amber));border-radius:9px 9px 18px 18px;box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 24px rgba(232,195,106,.22)}
.badge img{width:44px;height:44px;object-fit:cover;border-radius:7px 7px 15px 15px;background:#3a1014}
.brand-t{display:flex;flex-direction:column;line-height:1.05} .brand-t b{font-family:var(--display);font-size:24px;letter-spacing:.02em}
.brand-t small{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.nav{display:flex;flex-direction:column;gap:2px}
.nav a{display:flex;align-items:center;gap:16px;padding:11px 14px;border-radius:999px;color:var(--text);font-size:19px;font-weight:500}
.nav a:hover{background:var(--hover);text-decoration:none}

.nav svg,.tabbar svg{width:26px;height:26px;fill:currentColor;flex:none}
.nav .nav-off img{width:26px;height:26px}
.btn{appearance:none;border:0;cursor:pointer;border-radius:999px;padding:10px 18px;font-weight:700;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1410;box-shadow:0 4px 14px rgba(232,195,106,.18)}
.btn:hover{filter:brightness(1.06)} .btn:disabled{opacity:.5;cursor:not-allowed}
.btn.sm{padding:7px 14px;font-size:14px} .btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}
.btn.wine{background:linear-gradient(180deg,#d65a4a,var(--wine));color:#fff}
.post-cta{margin:10px 6px;padding:14px;font-size:17px}
.side-me{margin-top:auto}
.me-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:999px;color:var(--text)} .me-card:hover{background:var(--hover);text-decoration:none}
.me-card img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.me-card b{display:block;font-size:15px} .me-card small{color:var(--muted)}
.side-auth{display:flex;flex-direction:column;gap:8px;padding:8px}

.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:rgba(20,16,24,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line2)}
.topbar h1{margin:0;font-family:var(--display);font-size:21px;font-weight:700}
.tabs{display:flex;border-bottom:1px solid var(--line2)}
.tabs button{flex:1;background:none;border:0;padding:14px;cursor:pointer;color:var(--muted);font-weight:600;position:relative}
.tabs button.on{color:var(--text)} .tabs button.on::after{content:"";position:absolute;left:35%;right:35%;bottom:0;height:4px;border-radius:4px;background:var(--gold)}
.tabs button:hover{background:var(--hover)}

/* composer */
.composer{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line2)}
.composer .av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.composer .cbody{flex:1;min-width:0}
.composer textarea{width:100%;min-height:64px;resize:vertical;background:transparent;border:0;outline:none;font-size:19px;padding:8px 0;color:var(--text)}
.composer textarea::placeholder{color:var(--faint)}
.cbar{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line2);padding-top:10px}
.attach-row{display:flex;align-items:center;gap:2px;margin-left:-8px}
.cbar .attach{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:none;border:0;color:var(--gold2);cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out,transform .12s ease-out}
.cbar .attach:hover{background:rgba(232,195,106,.12)} .cbar .attach:active{background:rgba(232,195,106,.2);transform:scale(.92)}
.cbar .attach:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.cbar .attach .mi{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision}
.cbar .count{margin-left:auto;font-size:13px;color:var(--faint)} .cbar .count.bad{color:var(--bad)}
.cprev{position:relative;margin:8px 0;border-radius:16px;overflow:hidden;border:1px solid var(--line2);max-height:360px}
.cprev img,.cprev video{width:100%;max-height:360px;object-fit:cover}
.cprev button{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);border:0;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer}
.join{padding:18px 16px;border-bottom:1px solid var(--line2);background:linear-gradient(135deg,rgba(196,75,60,.18),rgba(232,195,106,.08))}
.join h2{margin:0 0 4px;font-family:var(--display)} .join p{margin:0 0 12px;color:var(--muted)}

/* posts */
.post{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line2);cursor:pointer;transition:background .15s}
.post .avl{align-self:flex-start;display:block;border-radius:50%;line-height:0}
.post .phead .h,.post .phead .t{text-decoration:none}
.post .phead .h:hover,.post .phead .t:hover{text-decoration:underline}
@media (hover:hover){.post[data-href]:hover{background:var(--hover)}}
.post.press{background:var(--hover);transition:none}
.post .pimg{cursor:zoom-in}
.imgview{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;display:none;place-items:center}
.imgview[open]{display:grid}
.imgview::backdrop{background:rgba(0,0,0,.88)}
.imgview img{max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:8px}
.imgview .x2{position:fixed;top:12px;left:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(20,16,24,.8);color:#fff;font-size:24px;cursor:pointer}
.post .av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:#3a1014}
.post .pbody{flex:1;min-width:0}
.ctx{font-size:13px;color:var(--muted);font-weight:600;margin:0 0 2px 40px;padding-top:8px;display:flex;align-items:center;gap:6px}
.ctx svg{width:15px;height:15px;flex:none}
.ctx a{color:inherit;text-decoration:none} .ctx a:hover{text-decoration:underline}
.ptabs{overflow-x:auto;scrollbar-width:none} .ptabs::-webkit-scrollbar{display:none}
.ptabs button{flex:1 0 auto;padding:14px 12px;white-space:nowrap}
.ptabs button.on::after{left:50%;right:auto;width:56px;transform:translateX(-50%)}
.ctx + .post{padding-top:4px}
.phead{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:15px}
.phead a.nm{color:var(--text);font-weight:700} .phead .h,.phead .t{color:var(--faint)}
.ptext{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;margin:2px 0 8px;font-size:15.5px}
.pmedia{border-radius:16px;overflow:hidden;border:1px solid var(--line2);margin:6px 0 8px;background:#0d0a0c}
.pmedia{max-height:520px} .pmedia img{width:100%;height:100%;object-fit:cover} .pmedia video{width:100%;height:100%;background:#000}
.acts{display:flex;justify-content:space-between;max-width:420px;margin-left:-8px}
.acts button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--faint);cursor:pointer;padding:6px 8px;border-radius:999px;font-size:13px}
.acts svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.acts .rp:hover,.acts .rp.on{color:var(--ok)} .acts .lk:hover,.acts .lk.on{color:var(--wine)} .acts .lk.on svg{fill:var(--wine)}
.acts .cm:hover{color:var(--gold)} .acts .fl:hover,.acts .dl:hover{color:var(--bad)}
.pin{font-size:12.5px;color:var(--gold);font-weight:700;margin-bottom:2px}

.empty{padding:40px 20px;text-align:center;color:var(--muted)}
.more{display:block;margin:14px auto}
.post.big .ptext{font-size:19px}
.thread-label{padding:10px 16px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line2)}

/* profile */
.pbanner{aspect-ratio:3/1;background:#2a1a16 center/cover no-repeat}
.pbanner img{width:100%;height:100%;object-fit:cover}
.phd{padding:0 16px 14px;border-bottom:1px solid var(--line2)}
.phd .pav{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg);margin-top:-60px;object-fit:cover;background:#3a1014}
.phd .pav.off{border-radius:22px;border-color:var(--gold);box-shadow:0 0 30px rgba(232,195,106,.35)}
.phd h2{margin:10px 0 0;font-family:var(--display);font-size:24px;display:flex;align-items:center;gap:4px}
.phd h2 .tick{width:24px;height:24px}
.phd .un{color:var(--faint)} .phd .bio{margin:10px 0;white-space:pre-wrap}
.stats{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:14px} .stats b{color:var(--text)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid var(--line)}
.chip.ok{color:var(--ok);border-color:rgba(125,204,138,.4);background:rgba(125,204,138,.08)}
.chip.gold{color:var(--gold2);background:rgba(232,195,106,.1)} .chip.pend{color:var(--amber)} .chip.bad{color:var(--bad)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.phd-top{display:flex;justify-content:flex-end;padding-top:10px;min-height:50px}

/* cards / forms */
.card{margin:16px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.card h2,.card h3{margin:0 0 8px;font-family:var(--display)}
.form{display:flex;flex-direction:column;gap:12px}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.form small{color:var(--faint);font-weight:400}
input[type=text],input[type=password],input:not([type]),textarea.in{background:#120e0c;border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;width:100%}
input:focus,textarea.in:focus{border-color:var(--gold)}
.check{flex-direction:row!important;align-items:flex-start;font-weight:400!important}
.err{color:var(--bad);font-size:14px;min-height:1em;margin:0}
.row{display:flex;gap:8px;align-items:center} .row.end{justify-content:flex-end}
.rail-card{border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);padding:14px 16px}
.rail-card h3{margin:0 0 6px;font-family:var(--display);font-size:19px}
.rail-card p{margin:0;font-size:14px}
.rail-card .row{margin-top:10px} .rail-card input{padding:9px 12px}
.elig-out{margin-top:10px;font-size:14px}
.res{padding:12px 14px;border-radius:14px;border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.res b{font-size:17px} .res.ok{border-color:rgba(125,204,138,.5);background:rgba(125,204,138,.08)} .res.ok b{color:var(--ok)}
.res.pend b{color:var(--amber)} .res.none b,.res.bad b{color:var(--bad)}
.who{display:flex;gap:10px;align-items:center;color:var(--text);margin-bottom:8px} .who:hover{text-decoration:none}
.who > img{width:44px;height:44px;border-radius:12px;object-fit:cover;border:2px solid var(--gold)}
.who span{display:flex;flex-direction:column} .who small{color:var(--muted)}
.treasury{border-color:var(--line);background:linear-gradient(160deg,rgba(122,34,48,.35),rgba(36,28,24,.86))}
.rail-foot{font-size:13px;color:var(--faint);padding:0 6px}
.sec-h{padding:16px 16px 8px;margin:0;font-family:var(--display);font-size:20px;border-top:1px solid var(--line2)}
.mint-hero{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center}
.mint-hero img{border-radius:18px;border:2px solid var(--gold);box-shadow:0 0 30px rgba(232,195,106,.25)}
.mint-hero h2{font-size:28px;margin:0}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.facts div{background:#120e0c;border:1px solid var(--line2);border-radius:14px;padding:12px;text-align:center}
.facts b{display:block;font-family:var(--display);font-size:22px;color:var(--gold2)} .facts small{color:var(--muted)}
.terms li{margin:6px 0}
.toast{position:fixed;left:50%;bottom:calc(var(--tab) + 24px);transform:translateX(-50%);background:var(--panel2);border:1px solid var(--gold);padding:10px 18px;border-radius:999px;z-index:100;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:90vw;text-align:center}
.toast.bad{border-color:var(--bad)}
.dlg{border:1px solid var(--line);border-radius:20px;background:var(--panel2);color:var(--text);padding:0;width:min(600px,94vw)}
.dlg::backdrop{background:rgba(10,6,8,.7)}
.dlg-in{padding:18px;position:relative;display:flex;flex-direction:column;gap:8px}
.dlg-in h3{margin:0 0 6px;font-family:var(--display)}
.dlg .x{position:absolute;right:10px;top:6px;background:none;border:0;font-size:26px;color:var(--muted);cursor:pointer;z-index:2}
.dlg .composer{border:0;padding:24px 0 0}
.tabbar,.fab{display:none}
.spin{padding:30px;text-align:center;color:var(--faint)}

/* tablet: icon nav, no rail */
@media (max-width:1100px){
  .shell{grid-template-columns:88px minmax(0,600px)} .rail{display:none}
  .side{align-items:center;padding:12px 8px} .brand-t,.nav span,.me-card span,.side-auth{display:none}
  .post-cta{width:52px;height:52px;padding:0;font-size:0} .post-cta::before{content:"+";font-size:28px}
  .nav a{padding:12px}
}
/* phone: top bar + bottom tabs */
@media (max-width:700px){
  .shell{display:block} .side{display:none} .main{border:0;padding-bottom:calc(var(--tab) + 84px + env(safe-area-inset-bottom))}
  .topbar{padding:10px 14px} .topbar h1{font-size:19px}
  .tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;height:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(20,16,24,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px)}
  .tabbar a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tabbar a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px;font-weight:600}
  .tabbar a:hover{text-decoration:none}
  .fab{display:flex;align-items:center;justify-content:center;position:fixed;right:16px;bottom:calc(var(--tab) + 16px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;border:0;z-index:41;font-size:30px;font-weight:600;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1410;box-shadow:0 8px 24px rgba(0,0,0,.5);cursor:pointer}
  .mint-hero{grid-template-columns:96px 1fr} .mint-hero h2{font-size:22px}
  .card{margin:12px} .phd .pav{width:88px;height:88px;margin-top:-44px}
  .facts b{font-size:18px}
}
.mob-brand{display:none}
@media (max-width:700px){ .mob-brand{display:inline-flex;align-items:center;gap:8px} .mob-brand .badge img{width:30px;height:30px} }
.note{color:var(--faint);padding:8px 16px 20px;font-size:13px;margin:0} .side-auth .btn{text-align:center}
.tabbar a img{width:26px;height:26px}
.mlist{list-style:none;margin:0;padding:0}
.mlist a{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line2);color:var(--text)} .mlist a:hover{background:var(--hover);text-decoration:none}
.mlist img,.mimg{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;background:#2a1a16}
.mn{display:flex;flex-direction:column;min-width:0;flex:1} .mn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mn small{color:var(--faint);font-size:12px}
.mv{display:flex;flex-direction:column;align-items:flex-end;font-size:14px} .chg{font-size:12.5px;font-weight:700;color:var(--faint)} .chg.up{color:var(--ok)} .chg.down{color:var(--bad)}
.xf{color:var(--muted)} .xf b{color:var(--gold2)}

/* X-style active nav: outline icons when inactive, solid gold + bold + pill when current */
.nav svg path,.nav svg circle,.tabbar svg path,.tabbar svg circle{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.nav a[aria-current=page],.tabbar a[aria-current=page]{color:var(--gold2);font-weight:800}
.nav a[aria-current=page]{background:rgba(232,195,106,.14);box-shadow:inset 0 0 0 1px rgba(232,195,106,.35)}
.nav a[aria-current=page] svg path,.nav a[aria-current=page] svg circle,.tabbar a[aria-current=page] svg path,.tabbar a[aria-current=page] svg circle{fill:currentColor}
.nav a[aria-current=page] svg path[stroke],.tabbar a[aria-current=page] svg path[stroke]{fill:none}
.nav a img,.tabbar a img{filter:grayscale(1) brightness(1.6);opacity:.75}
.nav a[aria-current=page] img,.tabbar a[aria-current=page] img{filter:none;opacity:1}
.tabbar a svg,.tabbar a img{padding:3px 14px;box-sizing:content-box;border-radius:999px}
.tabbar a[aria-current=page] svg,.tabbar a[aria-current=page] img{background:rgba(232,195,106,.16)}
.tabbar a[aria-current=page] span{font-weight:800}
/* profile meta + edit modal */
.meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:14px;margin:-2px 0 6px}
.dlg.ep{width:min(600px,96vw);max-height:92vh}
.ep .dlg-in{padding:0 0 16px;overflow:auto;max-height:92vh}
.ep-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:16px;padding:10px 16px;background:rgba(36,28,24,.95);backdrop-filter:blur(8px)}
.ep-head h3{margin:0;flex:1;font-size:20px}
.x2{background:none;border:0;color:var(--text);font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.ep-top{position:relative}
.ep-banner{aspect-ratio:3/1;background:#2a1a16} .ep-banner img{width:100%;height:100%;object-fit:cover}
.ep-btns{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.25)}
.ep-btns .btn{background:rgba(20,16,24,.75)}
.ep-avrow{display:flex;align-items:center;gap:10px;padding:0 16px;margin-top:-40px;position:relative;z-index:2}
.ep-avrow .btn{margin-top:40px}
.ep-av{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--panel2);background:#3a1014}
.ep-crop{padding:12px 16px 0} .crop{display:flex;flex-direction:column;gap:8px;align-items:center}
.crop-cv{width:100%;max-width:300px;border-radius:12px;touch-action:none;cursor:grab;border:1px solid var(--line)}
.crop-cv.round{border-radius:50%;max-width:220px}
.zoom{display:flex;align-items:center;gap:8px;width:100%;max-width:300px} .zoom input{flex:1;accent-color:var(--gold)}
.ep .form{padding:14px 16px 0} .lrow{display:flex;justify-content:space-between} .cnt{color:var(--faint);font-weight:400}

/* ---- smoothness pass ---- */
html{-webkit-tap-highlight-color:transparent;scroll-behavior:auto;overscroll-behavior-y:contain}
a,button,input,textarea,label,.post{touch-action:manipulation}
.post{content-visibility:auto;contain-intrinsic-size:auto 160px}
.post .av,.composer .av{aspect-ratio:1/1}
.pmedia{width:100%}
.btn,.acts button,.nav a,.tabbar a,.tabs button,.mlist a,.fab,.newpill{transition:transform .16s ease-out,opacity .16s ease-out,background-color .16s ease-out,color .16s ease-out,filter .16s ease-out}
.btn:active,.fab:active,.newpill:active{transform:scale(.96)}
.acts button:active,.nav a:active,.tabbar a:active{transform:scale(.92)}
.post{transition:background-color .16s ease-out}
.topbar{transition:transform .2s ease-out;will-change:transform}
.tabbar{transition:opacity .2s ease-out}
@media (max-width:700px){ .topbar.hide{transform:translateY(-100%)} .tabbar.dim{opacity:.82} }
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}100%{transform:scale(1)}}
.acts .pop svg{animation:pop .32s ease-out}
.newpill{position:fixed;top:calc(64px + env(safe-area-inset-top));left:50%;z-index:45;translate:-50% 0;border:0;cursor:pointer;padding:9px 16px;border-radius:999px;font-weight:700;
  background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1410;box-shadow:0 8px 24px rgba(0,0,0,.45);animation:fadeIn .2s ease-out}
@media (min-width:701px){.newpill{left:calc(50% - 70px)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.ptr{position:fixed;top:8px;left:50%;z-index:46;transform:translate(-50%,-50px);opacity:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--panel2);border:1px solid var(--gold);font-size:20px;pointer-events:none;transition:opacity .16s ease-out}
.skel-wrap{padding:4px 0}
.skel{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line2);position:relative;overflow:hidden}
.skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(246,239,228,.05),transparent);transform:translateX(-100%);animation:shimmer 1.2s ease-in-out infinite}
@keyframes shimmer{to{transform:translateX(100%)}}
.sk-av{width:44px;height:44px;border-radius:50%;background:rgba(246,239,228,.07);flex:none}
.sk-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}
.sk-lines i{display:block;height:11px;border-radius:6px;background:rgba(246,239,228,.07)} .sk-lines i:nth-child(1){width:40%} .sk-lines i:nth-child(2){width:92%} .sk-lines i:nth-child(3){width:70%}
.sentinel{height:1px}
.empty .btn{margin-top:10px}
.feed{min-height:40vh}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.rail{overscroll-behavior:contain}
.market.loading{min-height:880px}
#pageTitle{display:flex;align-items:center;gap:14px}
.back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:-6px;border-radius:50%;border:0;background:none;color:var(--text);cursor:pointer;transition:background-color .16s ease-out,transform .16s ease-out}
.back:hover{background:var(--hover)} .back:active{transform:scale(.92)} .back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---- Trending (premium) ---- */
.trend{padding:6px 0 28px}
.tsec{padding:18px 0 6px}
.sec-head{display:flex;align-items:center;gap:12px;padding:0 16px 12px}
.sec-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;font-size:19px;border-radius:12px;background:linear-gradient(145deg,rgba(232,195,106,.22),rgba(196,75,60,.18));box-shadow:inset 0 0 0 1px rgba(232,195,106,.28)}
.sec-t{flex:1;min-width:0} .sec-t h2{margin:0;font-family:var(--display);font-size:21px;letter-spacing:.01em;line-height:1.15} .sec-t p{margin:2px 0 0;font-size:13px;color:var(--faint)}
.seg{display:inline-flex;padding:3px;border-radius:999px;background:#120e0c;border:1px solid var(--line2);flex:none}
.seg button{border:0;background:none;color:var(--muted);font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}
.seg button.on{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1410}
/* NFT carousel */
.car{position:relative}
.car-track,.car-skel{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:2px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.car-track::-webkit-scrollbar,.car-skel::-webkit-scrollbar{display:none}
.nft{flex:0 0 158px;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:var(--panel2);border:1px solid var(--line2);color:var(--text);transition:transform .18s ease-out,border-color .18s ease-out}
.nft:hover{text-decoration:none;border-color:rgba(232,195,106,.45);transform:translateY(-2px)} .nft:active{transform:scale(.97)}
.nft-art{position:relative;aspect-ratio:1/1;background:#2a1a16}
.nft-art img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.nft-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,24,0) 45%,rgba(20,16,24,.85) 100%)}
.nft-art .chg-pill{position:absolute;top:8px;right:8px;background-color:rgba(20,16,24,.78)}
.nft-meta{padding:9px 11px 11px;display:flex;flex-direction:column;gap:4px}
.nft-name{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nft-floor{display:flex;align-items:baseline;justify-content:space-between;gap:6px} .nft-floor small{color:var(--faint);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}
.nft-floor strong{color:var(--gold2);font-size:13.5px;white-space:nowrap}
.car-btn{position:absolute;top:calc(50% - 40px);width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(20,16,24,.92);color:var(--text);display:none;place-items:center;cursor:pointer;transition:opacity .16s ease-out,transform .16s ease-out}
.car-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.car-btn.prev{left:6px} .car-btn.next{right:6px} .car-btn:active{transform:scale(.92)}
@media (hover:hover) and (min-width:701px){.car-btn{display:grid;opacity:0}.car:hover .car-btn{opacity:1}}
/* change pills */
.chg-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.chg-pill.up{color:#9be3a8;background:rgba(77,170,98,.22);box-shadow:inset 0 0 0 1px rgba(125,204,138,.35)}
.chg-pill.down{color:#f3a0a0;background:rgba(196,75,60,.24);box-shadow:inset 0 0 0 1px rgba(229,107,107,.35)}
.chg-pill.flat{color:var(--muted);background:rgba(246,239,228,.06)}
/* tokens */
.toks{list-style:none;margin:0 16px;padding:4px;border-radius:20px;background:var(--panel);border:1px solid var(--line2)}
.toks li+li{border-top:1px solid var(--line2)}
.tok{display:grid;grid-template-columns:40px minmax(0,1fr) 84px auto;align-items:center;gap:12px;padding:10px 10px;border-radius:16px;color:var(--text);min-height:62px;transition:background-color .16s ease-out}
.tok:hover{background:var(--hover);text-decoration:none}
.tok-ic{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#2a1a16;box-shadow:0 0 0 1px rgba(246,239,228,.08)}
.tok-n{display:flex;flex-direction:column;min-width:0} .tok-n b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tok-n small{color:var(--faint);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tok-spark{width:84px;height:31px;object-fit:contain;opacity:.95}
.tok-v{display:flex;flex-direction:column;align-items:flex-end;gap:4px} .tok-v b{font-size:14.5px;font-variant-numeric:tabular-nums}
@media (max-width:380px){.tok{grid-template-columns:40px minmax(0,1fr) auto}.tok-spark{display:none}}
/* trending posts as cards */
.tposts{display:flex;flex-direction:column;gap:10px;padding:0 12px;min-height:200px}
.tcard{content-visibility:auto;contain-intrinsic-size:auto 420px;border-radius:18px;background:var(--panel);border:1px solid var(--line2);overflow:hidden;transition:border-color .16s ease-out}
.tcard:hover{border-color:rgba(232,195,106,.3)}
.tcard .post{border-bottom:0}
.tposts .skel-wrap{border-radius:18px;overflow:hidden;border:1px solid var(--line2);background:var(--panel)}
/* skeleton blocks */
.sk .nft-art,.sk .tok-ic,.sk .tok-spark{background:rgba(246,239,228,.06)}
.sk i{display:block;height:10px;border-radius:6px;background:rgba(246,239,228,.07)} .sk i+i{width:60%;margin-top:7px}
.nft.sk{pointer-events:none} .nft.sk .nft-meta{padding:12px} .tok.sk .tok-v{align-items:flex-end;width:64px} .tok.sk .tok-v i{width:100%}
.sk{position:relative;overflow:hidden} .sk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(246,239,228,.05),transparent);transform:translateX(-100%);animation:shimmer 1.2s ease-in-out infinite}
.car-skel{overflow:hidden}
.empty-card{margin:0 16px;padding:22px 18px;border-radius:20px;background:var(--panel);border:1px dashed var(--line);text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.empty-card .ec-ic{font-size:26px} .empty-card b{font-family:var(--display);font-size:17px} .empty-card p{margin:0;color:var(--muted);font-size:14px}
.tposts .empty-card{margin:0 4px}
@media (min-width:701px){.nft{flex-basis:172px}}
.tsec:last-child{content-visibility:auto;contain-intrinsic-size:auto 520px}
.car-track{contain:content}
.ep-head{backdrop-filter:none;background:rgba(36,28,24,.98)}

/* ---- Apply (whitelist) ---- */
.ap{padding:16px 16px 40px;display:flex;flex-direction:column;gap:14px}
.ap-hero{display:flex;gap:14px;align-items:center;padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(196,75,60,.22),rgba(232,195,106,.08) 60%,rgba(20,16,24,.4))}
.ap-hero img{width:72px;height:72px;border-radius:18px;flex:none;object-fit:cover;border:1px solid var(--line)}
.ap-hero h2{font-family:var(--display,Fraunces,serif);font-size:26px;margin:6px 0 4px}
.ap-hero p.muted{margin:0;font-size:14.5px;line-height:1.45}
.ap-steps{display:flex;gap:8px}
.ap-steps span{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--faint);font-size:13px;font-weight:700;transition:color .2s,border-color .2s}
.ap-steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(246,239,228,.06);font-size:12px}
.ap-steps span.on{color:var(--gold2);border-color:rgba(232,195,106,.45)} .ap-steps span.on i{background:var(--gold);color:#2a1410}
.ap-body{display:flex;flex-direction:column;gap:14px}
.ap-card{padding:18px;border-radius:20px;border:1px solid var(--line2);background:var(--panel2);display:flex;flex-direction:column;gap:10px}
.ap-card h3{margin:0;font-size:18px}
.ap-card.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.ap-card input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#120e14;color:var(--text);font:inherit;font-size:16px;transition:border-color .15s}
.ap-card input:focus{outline:none;border-color:var(--gold)} .ap-card input.bad{border-color:var(--bad)} .ap-card input.good{border-color:rgba(125,204,138,.7)}
.ap-hint{font-size:12.5px;color:var(--faint);font-weight:500;min-height:1em} .ap-hint.err,.ap-msg.err{color:var(--bad)} .ap-hint.ok{color:var(--ok)}
.ap-msg{margin:0;font-size:14px;min-height:0}
.ap-as{display:flex;align-items:center;gap:6px;font-size:14.5px;color:var(--muted)} .ap-as b{color:var(--text)}
.linkbtn{margin-left:auto;background:none;border:0;color:var(--gold2);font:inherit;font-weight:700;cursor:pointer;padding:4px 6px;border-radius:8px} .linkbtn:hover{background:var(--hover)}
.ap-refban{padding:10px 14px;border-radius:14px;background:rgba(232,195,106,.1);border:1px solid var(--line);color:var(--gold2);font-size:14px;font-weight:600}
.ap-bar{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);font-weight:700}
.ap-bar .row{display:flex;justify-content:space-between}
.ap-track{height:8px;border-radius:99px;background:rgba(246,239,228,.07);overflow:hidden}
.ap-track i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--gold2));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ap-task{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line2);color:var(--text);transition:transform .12s ease-out,border-color .2s,background-color .2s}
.ap-task:hover{text-decoration:none;background:var(--hover)} .ap-task:active{transform:scale(.985)}
.ap-ic{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;background:rgba(232,195,106,.1);color:var(--gold2);font-size:18px;font-weight:800}
.ap-tx{display:flex;flex-direction:column;min-width:0;flex:1} .ap-tx small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:800}
.ap-tx b{font-size:15.5px} .ap-tx span{font-size:13px;color:var(--faint)}
.ap-chk{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);color:transparent;font-size:14px;font-weight:900;transition:background-color .2s,color .2s,transform .25s cubic-bezier(.3,1.6,.5,1)}
.ap-task.done{border-color:rgba(125,204,138,.35);background:rgba(125,204,138,.05)}
.ap-task.done .ap-chk{background:var(--ok);border-color:var(--ok);color:#10210f;transform:scale(1.08)}
.ap-task.bonus .ap-ic{background:rgba(196,75,60,.16);color:#f0a090}
.ap-linkf{display:flex;flex-direction:column;gap:6px;margin:-2px 0 4px 8px;padding-left:12px;border-left:2px solid var(--line);font-weight:600;font-size:13.5px}
.ap-linkf input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#120e14;color:var(--text);font:inherit;font-size:16px}
.ap-linkf input:focus{outline:none;border-color:var(--gold)} .ap-linkf input.bad{border-color:var(--bad)} .ap-linkf input.good{border-color:rgba(125,204,138,.7)}
.ap-tip{margin:4px 0 0;font-size:12.5px}
.ap-gate{margin:0;padding:12px 14px;border-radius:14px;border:1px dashed var(--line);color:var(--muted);font-size:14px;line-height:1.45}
.ap-wallet{display:flex;flex-direction:column;gap:12px}
.ap-wallet .btn,.ap-card.form>.btn{width:100%;padding:13px 18px;font-size:16px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.pop-in{animation:apPop .35s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes apPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.ap-done{align-items:center;text-align:center;padding:24px 18px}
.ap-done-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1410}
.ap-done h3{font-family:var(--display,Fraunces,serif);font-size:24px} .ap-done p{margin:0}
.ap-ref{width:100%;margin-top:8px;padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(232,195,106,.05);display:flex;flex-direction:column;gap:8px;align-items:center}
.ap-code{font-size:26px;letter-spacing:.18em;color:var(--gold2)}
.ap-link{display:flex;gap:8px;width:100%} .ap-link input{flex:1;min-width:0;padding:10px 12px;font-size:14px}
.ap-stats{display:flex;gap:28px} .ap-stats div{display:flex;flex-direction:column} .ap-stats b{font-size:18px} .ap-stats small{color:var(--faint);font-size:12px}
.ap-done .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
@media (max-width:700px){.ap{padding:12px 12px 32px}.ap-hero{padding:14px}.ap-hero h2{font-size:22px}.ap-steps span{padding:7px 8px;font-size:12px;gap:6px}}
@media (prefers-reduced-motion:reduce){.pop-in{animation:none}.ap-track i,.ap-chk{transition:none}}

/* optimistic posts */
.post.pending{opacity:.78}
.post.pending .acts{pointer-events:none;opacity:.5}
.pstate{display:flex;align-items:center;gap:8px;margin:2px 0 6px;font-size:12.5px;color:var(--muted);font-weight:600}
.pspin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(232,195,106,.25);border-top-color:var(--gold);animation:pspin .8s linear infinite}
@keyframes pspin{to{transform:rotate(360deg)}}
.pprog{flex:1;max-width:180px;height:4px;border-radius:99px;background:rgba(246,239,228,.08);overflow:hidden}
.pprog i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--gold2));transform:scaleX(.04);transform-origin:left;transition:transform .2s linear}
.post.enter{animation:apPop .3s cubic-bezier(.2,.9,.3,1.2) both}
.ep-head .btn[disabled]{opacity:.7}
.form input.bad,.form textarea.bad{border-color:var(--bad)!important}
.err:empty{display:none}
.err{color:var(--bad);font-weight:600}

/* ---- Mint ---- */
.mint{padding:14px 16px 40px;display:flex;flex-direction:column;gap:22px}
.mh{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:#2a1a16;border:1px solid var(--line)}
.mh-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mh-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,24,0) 30%,rgba(20,16,24,.6) 62%,rgba(20,16,24,.96))}
.mh-copy{position:absolute;left:0;right:0;bottom:0;padding:18px;display:flex;flex-direction:column;gap:6px}
.mh-chip{align-self:flex-start}
.mh h2{margin:0;font-family:var(--display);font-size:38px;line-height:1;letter-spacing:.01em;color:var(--text)}
.mh p{margin:0;color:var(--muted);font-size:15px}
.mh-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.mh-cta .btn.ghost{background:rgba(20,16,24,.7)}
.mf{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mf-tile{display:flex;flex-direction:column;gap:2px;padding:14px 12px;border-radius:16px;border:1px solid var(--line2);background:var(--panel2)}
.mf-i{font-size:18px} .mf-tile b{font-size:19px;color:var(--gold2)} .mf-tile small{color:var(--faint);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ms{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.ms li{display:flex;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line2)} .ms li:last-child{border-bottom:0}
.ms-n{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(232,195,106,.12);color:var(--gold2);font-weight:800}
.ms b{font-size:15.5px} .ms b a{color:var(--text)} .ms p{margin:2px 0 0;color:var(--faint);font-size:13.5px;line-height:1.4}
.mc-card{padding:16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(232,195,106,.08),rgba(36,28,24,.9) 55%)}
.mc-form{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:999px;border:1px solid var(--line);background:#120e14;transition:border-color .15s}
.mc-form:focus-within{border-color:var(--gold)}
.mc-ic{font-size:16px;opacity:.8}
.mc-form input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:16px;padding:8px 0;outline:none}
.mc-form .btn{padding:10px 18px;position:relative}
.mc-form .btn.busy{color:transparent}
.mc-form .btn.busy::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid rgba(42,20,16,.3);border-top-color:#2a1410;animation:pspin .7s linear infinite}
.mc-out{margin-top:14px;min-height:96px;transition:opacity .2s} .mc-out.loading{opacity:.45}
.mc-res{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;border:1px solid var(--line2);background:rgba(20,16,24,.6);animation:apPop .3s cubic-bezier(.2,.9,.3,1.2) both}
.mc-res.idle{animation:none;opacity:.8}
.mc-ric{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:900;background:rgba(246,239,228,.06)}
.mc-res b{display:block;font-size:17px} .mc-res p{margin:3px 0 0;color:var(--muted);font-size:14px} .mc-res small{display:block;margin-top:6px;color:var(--faint);font-size:12.5px}
.mc-res .btn{display:inline-block;margin-top:12px}
.mc-res.ok{border-color:rgba(125,204,138,.45);background:rgba(125,204,138,.08)} .mc-res.ok .mc-ric{background:var(--ok);color:#10210f} .mc-res.ok b{color:var(--ok)}
.mc-res.pend{border-color:rgba(232,155,60,.45);background:rgba(232,155,60,.08)} .mc-res.pend .mc-ric{background:rgba(232,155,60,.2)} .mc-res.pend b{color:var(--amber)}
.mc-res.bad{border-color:rgba(229,107,107,.45);background:rgba(229,107,107,.07)} .mc-res.bad .mc-ric{background:rgba(229,107,107,.2);color:var(--bad)} .mc-res.bad b{color:var(--bad)}
.mg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,46%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:none}
.mg::-webkit-scrollbar{display:none}
.mg figure{margin:0;scroll-snap-align:start;border-radius:16px;overflow:hidden;border:1px solid var(--line2);background:#2a1a16;position:relative}
.mg img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.mg figcaption{position:absolute;left:10px;bottom:8px;font-weight:700;font-size:13px;padding:3px 10px;border-radius:999px;background:rgba(20,16,24,.78)}
.mint .mt{margin:0}
.mint .tsec:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 260px}
@media (max-width:700px){.mint{padding:12px 12px 32px}.mf{grid-template-columns:repeat(2,1fr)}.mh{aspect-ratio:4/5}.mh h2{font-size:32px}.mg{grid-auto-columns:78%}}
/* ---- WL chances (owner only) ---- */
.wlc{margin-top:18px}
.wlc-card{margin:0 16px;padding:16px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px rgba(232,195,106,.16)}
.wlc-sign{margin-top:14px}
.wlc-skel{margin:18px 16px 0;height:228px;border-radius:18px;background:rgba(246,239,228,.05);position:relative;overflow:hidden}
.wlc-skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(246,239,228,.05),transparent);transform:translateX(-100%);animation:shimmer 1.2s ease-in-out infinite}
.wlc-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wlc-tier{font-family:var(--display);font-size:22px;font-weight:700;color:#f3d27a}
.wlc-tier.t-base{color:#d9cbb3}.wlc-tier.t-boost{color:#f3d27a}.wlc-tier.t-high{color:#ffb35c}.wlc-tier.t-vhigh{color:#7fe0a0}
.wlc-score{color:var(--faint);font-size:14px}.wlc-score b{color:var(--text,#fff4df);font-size:20px}
.wlc-meter{position:relative;height:10px;margin:12px 0 14px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.wlc-meter i,.wlc-bar i{position:absolute;inset:0;transform-origin:0 50%;border-radius:inherit;background:linear-gradient(90deg,#c44b3c,#e8c36a);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.wlc-meter em{position:absolute;top:0;bottom:0;width:2px;background:rgba(0,0,0,.35)}
.wlc-rows{display:grid;gap:10px}
.wlc-row{display:grid;grid-template-columns:1fr 90px 48px;align-items:center;gap:10px}
.wlc-l{display:flex;flex-direction:column;min-width:0}.wlc-l small{font-size:12px}
.wlc-bar{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.wlc-v{font-size:13px;color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}
.wlc-tip{margin:14px 0 0;font-size:14px;line-height:1.45}.wlc-fine{margin:8px 0 0;font-size:12px}
.chip.wlchip{text-decoration:none}
/* ---- route change: view-transition-style enter (GPU: opacity + transform only) ---- */
#view.view-in{animation:vin .18s cubic-bezier(.2,.8,.2,1)}
@keyframes vin{from{opacity:.4;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}
.tabbar a.press svg,.tabbar a.press img{transform:scale(.9)}
.tabbar a svg,.tabbar a img{transition:transform .12s ease-out}
.plist{display:contents}
@media (prefers-reduced-motion:reduce){#view.view-in{animation:none}}

/* ---- page headers: frosted, refined title with a small gold accent, compact on scroll (no layout shift: fixed height, transform/opacity only) ---- */
.topbar{min-height:62px;padding:10px 16px;background:rgba(20,16,24,.68);-webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px);border-bottom:0;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(232,195,106,0) 0%,rgba(232,195,106,.28) 18%,rgba(255,255,255,.07) 50%,rgba(232,195,106,.28) 82%,rgba(232,195,106,0) 100%);pointer-events:none}
.topbar.compact{background:rgba(20,16,24,.86);box-shadow:0 6px 18px rgba(0,0,0,.28)}
.tt{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.15}
.tt-main{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-bottom:5px;transform-origin:left center;transition:transform .2s ease-out}
.tt-main::after{content:"";position:absolute;left:0;bottom:0;width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold2),var(--amber));opacity:.9}
.tt-sub{font-family:"Outfit",system-ui,sans-serif;letter-spacing:.01em;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s ease-out,transform .18s ease-out}
.topbar.compact .tt-sub{opacity:0;transform:translateY(-3px)}
.topbar.compact .tt-main{transform:translateY(7px) scale(.94)}
.topbar.compact .tt-main::after{opacity:.6}
.topbar h1{font-size:inherit;font-weight:inherit;min-width:0}
#pageTitle{gap:12px;min-width:0}
#topExtra{flex:none;display:flex;align-items:center}
.tt-main .tick{width:18px;height:18px}
@media (max-width:700px){ .topbar{min-height:54px;padding:6px 14px} .tt-main{font-size:19px} .tt-sub{font-size:12px} }