/* Floor marketplace (/, /collections, /coins, /creators, /creator/:handle).
   Design: Mallow's structure (light, generous whitespace, italic serif section titles, art on soft
   frames, quiet grey meta) in Floor's own identity. The one bold element is the floor line: every
   artwork stands on a short yellow bar, the same bar as the logo mark. Everything else stays quiet.
   Tokens: light is the reference; dark redefines the same names. Classes are prefixed mk-. */
:root{
  --paper:#FBFBF8; --ink:#17150D; --ink2:#3d3a31; --mute:#77746A; --line:#E6E4DD; --frame:#EFEEE8;
  --raise:#FFFFFF; --floor:#F5D130; --floor-ink:#6b5600; --up:#15803D; --down:#C2410C; --chip:#F2F1EC;
  --band:#17150D; --band-ink:#F3F1EA; --band-mute:#A9A597; --band-line:#2F2D26;
  --serif:Newsreader,'Iowan Old Style',Georgia,serif; --sans:Archivo,system-ui,-apple-system,sans-serif;
  --gut:48px; --max:1360px; --r-art:16px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --paper:#121210; --ink:#F3F1EA; --ink2:#CFCBBF; --mute:#9D998D; --line:#2A2923; --frame:#1E1D19;
  --raise:#1A1915; --floor-ink:#F5D130; --up:#4ADE80; --down:#FB923C; --chip:#201F1B;
  --band:#0B0B09; --band-line:#26251F;
  color-scheme:dark;
}
@media (max-width:760px){:root{--gut:20px}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.mk{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(.mk) a{color:inherit}
.mk :focus-visible{outline:2px solid var(--floor);outline-offset:2px;border-radius:6px}
.mk-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 12px;border-radius:8px;z-index:100}
.mk-skip:focus{left:8px}
.mk-main{max-width:var(--max);margin:0 auto;padding:0 var(--gut) 40px;min-height:60vh;outline:none}

/* ── section scaffolding ────────────────────────────────────────────── */
.mk-sec{margin-top:64px}
.mk-sec:first-child{margin-top:44px}
.mk-sec-hd{display:flex;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.mk-h2,.mk-h1{font:italic 500 38px/1.05 var(--serif);letter-spacing:-.015em;margin:0}
.mk-h1{font-size:54px}
.mk-sec-hd .mk-grow{flex:1}
.mk-btn{font:600 14px var(--sans);text-decoration:none;padding:9px 16px;border-radius:10px;border:1px solid var(--ink);color:var(--ink);background:none;cursor:pointer;white-space:nowrap}
.mk-btn:hover{background:var(--ink);color:var(--paper)}
.mk-btn.pri{background:var(--ink);color:var(--paper)}
.mk-btn.pri:hover{opacity:.88}
.mk-arrows{display:flex;gap:6px}
.mk-arrows button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;display:grid;place-items:center}
.mk-arrows button:disabled{opacity:.35;cursor:default}
.mk-arrows svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){.mk-h2{font-size:30px}.mk-h1{font-size:40px}.mk-sec{margin-top:48px}.mk-arrows{display:none}}

/* Coins | Collections switch: a segmented control, the only filled control on the page. */
.mk-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--chip);gap:2px}
.mk-seg button{font:600 13.5px var(--sans);border:0;background:none;color:var(--mute);padding:7px 14px;border-radius:999px;cursor:pointer}
.mk-seg button[aria-pressed="true"]{background:var(--raise);color:var(--ink);box-shadow:0 1px 2px rgba(20,18,10,.12)}
:root[data-theme="dark"] .mk-seg button[aria-pressed="true"]{background:#2A2923}
.mk-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.mk-chips button{font:500 13.5px var(--sans);border:1px solid var(--line);background:none;color:var(--mute);padding:8px 14px;border-radius:10px;cursor:pointer}
.mk-chips button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink)}
.mk-chips button:hover{color:var(--ink)}

/* rows scroll sideways, with the next card peeking */
.mk-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * 20px) / 5);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--gut) * -1);padding:4px var(--gut) 8px;scroll-padding:0 var(--gut)}
.mk-row::-webkit-scrollbar{display:none}
.mk-row>*{scroll-snap-align:start}
@media (max-width:1200px){.mk-row{grid-auto-columns:calc((100% - 3 * 20px) / 4.2)}}
@media (max-width:900px){.mk-row{grid-auto-columns:40%}}
@media (max-width:600px){.mk-row{grid-auto-columns:76%;gap:14px}}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:28px 20px}
@media (max-width:600px){.mk-grid{grid-template-columns:1fr 1fr;gap:22px 12px}}

/* ── the card (one design for coins AND collections) ────────────────── */
.mk-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}
.mk-art{position:relative;aspect-ratio:1;border-radius:var(--r-art);background:var(--frame);display:grid;place-items:center;padding:12%;overflow:hidden}
.mk-art img{width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 10px 24px rgba(20,18,10,.16);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mk-art::after{content:"";position:absolute;left:12%;right:12%;bottom:calc(12% - 12px);height:5px;border-radius:2px;background:var(--floor)}
.mk-card:hover .mk-art img{transform:translateY(-4px)}
.mk-art .mk-noimg{width:100%;height:100%;border-radius:4px;background:repeating-linear-gradient(135deg,var(--line) 0 2px,transparent 2px 10px)}
.mk-kind{position:absolute;top:10px;left:10px;font:600 11.5px var(--sans);padding:3px 8px;border-radius:999px;background:var(--raise);color:var(--ink2);box-shadow:0 1px 2px rgba(20,18,10,.1)}
.mk-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:12px;font-size:12.5px;color:var(--mute)}
.mk-chg.up{color:var(--up)}.mk-chg.down{color:var(--down)}
.mk-title{font:italic 500 19px/1.2 var(--serif);margin:4px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-by{font-size:12.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-by b{font-weight:500;color:var(--ink2)}
.mk-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin-top:10px;font-variant-numeric:tabular-nums}
.mk-stats span{font-size:11.5px;color:var(--mute)}
.mk-stats strong{display:block;font-weight:600;font-size:15px;color:var(--ink)}
.mk-prog{margin-top:10px}
.mk-prog i{display:block;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.mk-prog i b{display:block;height:100%;background:var(--ink);border-radius:2px}
.mk-prog small{display:block;margin-top:5px;font-size:12px;color:var(--mute)}
.mk-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.mk-tag{font:500 12px var(--sans);padding:3px 8px;border-radius:6px;background:var(--chip);color:var(--ink2)}
.mk-tag.floor{background:color-mix(in srgb,var(--floor) 28%,transparent);color:var(--floor-ink)}
.mk-skel .mk-art{background:linear-gradient(90deg,var(--frame),var(--chip),var(--frame));background-size:200% 100%;animation:mkShim 1.3s linear infinite}
.mk-skel .mk-art::after{display:none}
.mk-skel .mk-title,.mk-skel .mk-by{background:var(--frame);color:transparent;border-radius:4px;width:70%}
@keyframes mkShim{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.mk-skel .mk-art{animation:none}.mk-art img{transition:none}}
.mk-empty{border:1px dashed var(--line);border-radius:18px;padding:36px;text-align:center;color:var(--mute)}
.mk-empty p{margin:0 0 14px}

/* ── welcome band ───────────────────────────────────────────────────── */
.mk-welcome{margin-top:64px;background:var(--chip);border-radius:24px;padding:40px 44px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;overflow:hidden}
.mk-welcome h2{font:500 30px/1.15 var(--sans);font-variation-settings:"wdth" 92;letter-spacing:-.02em;margin:18px 0 12px;max-width:18ch}
.mk-welcome p{margin:0 0 22px;color:var(--ink2);max-width:52ch}
.mk-wlogo{display:block;height:34px;color:var(--ink)}
.mk-welcome .mk-btns{display:flex;gap:10px;flex-wrap:wrap}
.mk-welcome small{display:block;margin-top:16px;color:var(--mute);font-size:13px}
.mk-fan{position:relative;height:260px}
.mk-fan figure{position:absolute;bottom:0;margin:0;width:44%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--frame);box-shadow:0 18px 40px rgba(20,18,10,.22)}
.mk-fan figure img{width:100%;height:100%;object-fit:cover}
.mk-fan figure:nth-child(1){left:2%;transform:rotate(-9deg);bottom:-18px}
.mk-fan figure:nth-child(2){left:24%;transform:rotate(-3deg)}
.mk-fan figure:nth-child(3){left:46%;transform:rotate(4deg);z-index:1}
.mk-fan figure:nth-child(4){left:62%;transform:rotate(10deg);bottom:-24px}
@media (max-width:900px){.mk-welcome{grid-template-columns:1fr;padding:28px 22px}.mk-fan{height:170px}}

/* ── showcase band (dark in both themes) ────────────────────────────── */
.mk-show{margin:72px 0 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--band);color:var(--band-ink);padding:44px var(--gut);position:relative;overflow:hidden}
.mk-show-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:blur(18px) saturate(1.1);transform:scale(1.15)}
.mk-show-hd,.mk-show-in{max-width:calc(var(--max) - 2 * var(--gut));margin-left:auto;margin-right:auto}
.mk-show-in{position:relative;display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:40px;align-items:start}
.mk-show-hd{display:flex;align-items:center;gap:12px;margin-bottom:24px;position:relative}
.mk-show-hd .mk-h2{font-size:26px;color:var(--band-ink)}
.mk-show-hd .mk-grow{flex:1}
.mk-show .mk-btn{border-color:var(--band-mute);color:var(--band-ink)}
.mk-show .mk-btn:hover{background:var(--band-ink);color:var(--band)}
.mk-show .mk-btn.pri{background:var(--floor);border-color:var(--floor);color:#17150D}
.mk-show-pfp{width:96px;height:96px;border-radius:12px;border:3px solid var(--band-ink);object-fit:cover;background:#2a2923}
.mk-show-kicker{font-size:12.5px;color:var(--band-mute);margin-top:14px}
.mk-show-name{font:italic 500 34px/1.1 var(--serif);margin:2px 0 10px}
.mk-show-by{display:flex;align-items:center;gap:8px;font-size:14px;text-decoration:none;color:var(--band-ink)}
.mk-show-by .av{width:24px;height:24px;border-radius:50%;background:#3a3830 center/cover}
.mk-show p{color:var(--band-mute);margin:14px 0 0;max-width:40ch}
.mk-show-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:22px 0;font-variant-numeric:tabular-nums}
.mk-show-stats span{display:block;font-size:12px;color:var(--band-mute)}
.mk-show-stats strong{font-size:18px;font-weight:600}
.mk-show .mk-row{margin:0;padding:4px 0 8px;grid-auto-columns:calc((100% - 2 * 18px) / 3.3)}
.mk-show .mk-art{background:#1f1e19}
.mk-show .mk-meta,.mk-show .mk-by{color:var(--band-mute)}
.mk-show .mk-by b,.mk-show .mk-title{color:var(--band-ink)}
@media (max-width:900px){.mk-show-in{grid-template-columns:1fr;gap:26px}.mk-show .mk-row{grid-auto-columns:46%}}
@media (max-width:600px){.mk-show .mk-row{grid-auto-columns:66%}}

/* ── creators ───────────────────────────────────────────────────────── */
.mk-crow{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px) / 2);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--gut) * -1);padding:0 var(--gut) 6px;scroll-padding:0 var(--gut)}
.mk-crow::-webkit-scrollbar{display:none}
.mk-crow>*{scroll-snap-align:start}
@media (max-width:760px){.mk-crow{grid-auto-columns:86%}}
.mk-creator{position:relative;display:block;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--frame);text-decoration:none;color:#F3F1EA}
.mk-creator .cv{position:absolute;inset:0;background:center/cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mk-creator:hover .cv{transform:scale(1.03)}
.mk-creator::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(12,11,8,0) 15%,rgba(12,11,8,.9))}
.mk-creator .in{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;display:flex;gap:16px;align-items:flex-end}
.mk-creator .av{width:82px;height:82px;border-radius:14px;border:3px solid #F3F1EA;background:#3a3830 center/cover;flex:0 0 82px;display:grid;place-items:center;font:italic 500 34px var(--serif)}
.mk-creator .nm{font:italic 500 30px/1.05 var(--serif)}
.mk-creator .hd{font-size:13px;opacity:.9}
.mk-creator .st{font-size:13px;opacity:.85;margin-top:6px}
.mk-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
@media (max-width:760px){.mk-creator .av{width:60px;height:60px;flex-basis:60px;font-size:26px}.mk-creator .nm{font-size:24px}.mk-creator .in{left:16px;right:16px;bottom:16px}}

/* ── creator page ───────────────────────────────────────────────────── */
.mk-prof{position:relative}
.mk-prof-cv{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.mk-prof-cv{height:220px;background:var(--frame) center/cover;position:relative}
.mk-prof-in{display:flex;gap:22px;align-items:flex-start;margin-top:-56px;position:relative;flex-wrap:wrap}
.mk-prof-av{width:132px;height:132px;border-radius:24px;border:4px solid var(--paper);background:var(--frame) center/cover;display:grid;place-items:center;font:italic 500 56px var(--serif);color:var(--mute);flex:0 0 132px}
.mk-prof-txt{flex:1;min-width:220px;padding-top:66px}
.mk-prof-in>.mk-btn{margin-top:70px}
.mk-prof-txt .mk-h1{font-size:46px}
.mk-prof-txt .hd{color:var(--mute);margin-top:4px}
.mk-prof-links{display:flex;gap:14px;margin-top:10px;font-size:14px}
.mk-prof-links a{color:var(--ink2)}
.mk-prof-bio{max-width:62ch;color:var(--ink2);margin:18px 0 0}
.mk-prof-stats{display:flex;gap:28px;margin:18px 0 0;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.mk-prof-stats span{display:block;font-size:12px;color:var(--mute)}
.mk-prof-stats strong{font-size:20px;font-weight:600}
.mk-prof-av{box-shadow:0 8px 24px rgba(20,18,10,.18)}
@media (max-width:600px){.mk-prof-txt{padding-top:0;min-width:100%}.mk-prof-in>.mk-btn{margin-top:0}.mk-prof-cv{height:150px}.mk-prof-av{width:96px;height:96px;flex-basis:96px;font-size:40px;border-radius:18px}.mk-prof-txt .mk-h1{font-size:34px}}

/* ── footer ─────────────────────────────────────────────────────────── */
.mk-ftr{margin-top:90px;border-top:1px solid var(--line);background:var(--paper)}
.mk-ftr-in{max-width:var(--max);margin:0 auto;padding:44px var(--gut) 20px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
.mk-ftr-brand p{color:var(--mute);max-width:34ch;margin:14px 0 0;font-size:14px}
.mk-ftr-col{display:flex;flex-direction:column;gap:9px;font-size:14px}
.mk-ftr-col b{font-weight:600;margin-bottom:2px}
.mk-ftr-col a{text-decoration:none;color:var(--ink2)}
.mk-ftr-col a:hover{color:var(--ink)}
.mk-ftr-legal{max-width:var(--max);margin:0 auto;padding:0 var(--gut) 32px;font-size:12.5px;color:var(--mute)}
@media (max-width:760px){.mk-ftr-in{grid-template-columns:1fr 1fr}.mk-ftr-brand{grid-column:1/-1}}

/* ── home: main column + live rail ──────────────────────────────────── */
.mk-sec-first{margin-top:40px}
.mk-swap{transition:opacity .15s ease}
.mk-swap.out{opacity:0}
.mk-seg{position:relative}
.mk-seg button{position:relative;z-index:1;transition:color .2s ease}
.mk-seg:has(.mk-seg-ind) button[aria-pressed="true"]{background:none;box-shadow:none}
.mk-seg-ind{position:absolute;top:3px;bottom:3px;left:3px;border-radius:999px;background:var(--raise);box-shadow:0 1px 2px rgba(20,18,10,.12);transition:transform .22s cubic-bezier(.3,.7,.2,1),width .22s cubic-bezier(.3,.7,.2,1)}
:root[data-theme="dark"] .mk-seg-ind{background:#2A2923}
.mk-rail{display:flex;flex-direction:column;margin-top:48px}
.mk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;padding:16px 0 18px;border-top:2px solid var(--ink)}
.mk-stats div{display:flex;flex-direction:column;min-width:0}
.mk-stats span{font-size:12px;color:var(--mute)}
.mk-stats b{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-panel{padding:16px 0 18px;border-top:1px solid var(--line)}
.mk-panel-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.mk-panel-hd h3{margin:0;font:italic 500 22px/1.2 var(--serif);letter-spacing:-.01em}
.mk-panel-hd a{font-size:13px;color:var(--mute);text-decoration:none;white-space:nowrap}
.mk-panel-hd a:hover{color:var(--ink)}
.mk-panel>.mk-seg{margin:2px 0 0}
.mk-chips-sm{margin:10px 0 6px;gap:6px}
.mk-chips-sm button{padding:5px 11px;font-size:12.5px}
.mk-pages{position:relative}
.mk-page{display:none}
.mk-page.on{display:block;animation:mk-fade .35s ease}
@keyframes mk-fade{from{opacity:0}to{opacity:1}}
.mk-dots{display:flex;gap:5px;margin-top:8px}
.mk-dots i{width:5px;height:5px;border-radius:50%;background:var(--line)}
.mk-dots i.on{background:var(--ink)}
.mk-rrow{display:flex;align-items:center;gap:10px;height:48px;padding:0;text-decoration:none;color:inherit;position:relative;border-radius:10px}
.mk-rrow:hover .rid b{text-decoration:underline;text-underline-offset:3px}
.mk-rrow .rk{width:16px;flex:0 0 16px;font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums;text-align:right}
.mk-rrow .av{width:34px;height:34px;flex:0 0 34px;border-radius:9px;object-fit:cover;background:var(--frame);display:block}
.mk-rrow .av.round{border-radius:50%}
.mk-rrow .rid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.mk-rrow .rid b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-rrow .rid small,.mk-rrow .rv small{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-rrow .rv{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;max-width:46%}
.mk-rrow .rv small.up{color:var(--up)}
.mk-rrow .rv small.down{color:var(--down)}
.mk-rrow .bar{position:absolute;left:44px;right:0;bottom:3px;height:3px;border-radius:2px;background:var(--line);overflow:hidden}
.mk-rrow .bar em{display:block;height:100%;background:var(--floor)}
.mk-rail-empty{margin:6px 0 0;font-size:13.5px;color:var(--mute)}
@media (min-width:1100px){
  .mk-home{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:44px;align-items:start}
  .mk-home-main{min-width:0}
  .mk-home-main .mk-row{margin:0;padding:4px 0 8px;grid-auto-columns:calc((100% - 2 * 20px) / 3.15)}
  .mk-home-main .mk-show{margin:64px 0 0;border-radius:24px;padding:36px 32px}
  .mk-home-main .mk-show-hd,.mk-home-main .mk-show-in{max-width:none}
  .mk-home-main .mk-show-in{grid-template-columns:minmax(220px,300px) 1fr;gap:28px}
  .mk-home-main .mk-show .mk-row{grid-auto-columns:calc((100% - 18px) / 2.3)}
  .mk-rail{position:sticky;top:84px;margin-top:40px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none;padding-bottom:12px}
  .mk-rail::-webkit-scrollbar{display:none}
}
@media (min-width:700px) and (max-width:1099px){
  .mk-rail{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
  .mk-rail .mk-stats{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.mk-swap,.mk-seg-ind,.mk-seg button{transition:none}.mk-page.on{animation:none}}

.mk-404{max-width:640px;padding:40px 0 80px}
.mk-404 p{color:var(--mute);font-size:17px;margin:14px 0 26px}
.mk-btns{display:flex;flex-wrap:wrap;gap:10px}

.mk-grid>.mk-empty,.mk-row>.mk-empty{grid-column:1/-1;width:100%}
.mk-row>.mk-empty{min-width:min(100%,560px)}
.mk-empty .mk-btn{display:inline-block;margin-top:10px;max-width:100%;white-space:normal}
@media (max-width:600px){.mk-sec-hd{gap:10px;flex-wrap:nowrap}.mk-sec-hd .mk-h2{font-size:28px}.mk-sec-hd [data-viewall]{margin-left:auto;padding:6px 10px;font-size:13px;white-space:nowrap}.mk-row{grid-auto-columns:70%}}