:root {
    color-scheme: light;
    --ink: #11131d; --ink-2: #242738; --muted: #6d7185; --line: #e2e4ec;
    --soft: #f5f6fa; --violet: #7057ff; --violet-2: #5034ee; --invert: #11131d;
    --cyan: #26c9e8; --pink: #ff4f9a; --green: #18a875; --red: #d53e5d; --gold: #e8a82b;
    --shadow: 0 10px 26px rgba(24, 27, 48, .08); --shadow-lg: 0 18px 44px rgba(24, 27, 48, .14);
    --radius: 14px; --bg: #fbfbfd; --surface: #fff; --surface-glass: rgba(255,255,255,.82);
    --tint-green-bg: #effbf7; --tint-green-ink: #126347; --tint-green-border: #aee3cf;
    --tint-violet-bg: #f4f2ff; --tint-violet-ink: #45359a; --tint-violet-border: #d5d1fb;
    --tint-pink-bg: #fff0f5; --tint-pink-ink: #a63258;
    --tint-red-bg: #fff0f3; --tint-red-ink: #94344b; --tint-red-border: #efb2c0;
    --tint-gold-bg: #fffaf0; --tint-gold-border: #f0d698;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html[data-theme="dark"] {
    color-scheme: dark;
    --ink: #eef0f8; --ink-2: #c7c9dc; --muted: #9296ac; --line: #2a2d3f;
    --soft: #1c1f2f; --violet: #9182ff; --violet-2: #a89bff;
    --cyan: #4fdcf5; --pink: #ff77b0; --green: #3ed49b; --red: #ff7690; --gold: #f2bd4c;
    --shadow: 0 10px 26px rgba(0, 0, 0, .35); --shadow-lg: 0 18px 44px rgba(0, 0, 0, .5);
    --bg: #0b0c13; --surface: #171928; --surface-glass: rgba(23,25,40,.82);
    --tint-green-bg: rgba(62,212,155,.14); --tint-green-ink: #7ee7bd; --tint-green-border: rgba(62,212,155,.35);
    --tint-violet-bg: rgba(145,130,255,.16); --tint-violet-ink: #c3b8ff; --tint-violet-border: rgba(145,130,255,.4);
    --tint-pink-bg: rgba(255,111,176,.14); --tint-pink-ink: #ff9fc2;
    --tint-red-bg: rgba(255,118,144,.14); --tint-red-ink: #ffb0c0; --tint-red-border: rgba(255,118,144,.35);
    --tint-gold-bg: rgba(242,189,76,.14); --tint-gold-border: rgba(242,189,76,.4);
}
/* The shared notification panel exposes theme tokens; this host uses its own
   palette rather than Bootstrap's body/background variables. */
body .rc-notification-host {
    --rc-notification-surface: var(--surface);
    --rc-notification-text: var(--ink);
    --rc-notification-border: var(--line);
    --rc-notification-accent: var(--violet-2);
    --rc-notification-muted: var(--muted);
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; color: var(--ink); background: var(--bg); transition: background .15s ease, color .15s ease; }
body::before { position: fixed; z-index: -1; inset: 0; content: ""; pointer-events: none; background: radial-gradient(circle at 8% 10%, rgba(112,87,255,.08), transparent 28rem), radial-gradient(circle at 92% 28%, rgba(38,201,232,.07), transparent 24rem); }
a { color: inherit; } img { max-width: 100%; } button, input, textarea, select { font: inherit; } button, a { -webkit-tap-highlight-color: transparent; }
select { color: var(--ink); background: var(--surface); } select option, select optgroup { color: var(--ink); background-color: var(--surface); }
.sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.site-header { position: sticky; z-index: 100; top: 0; display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 1rem; border-bottom: 1px solid var(--line); background: var(--surface-glass); box-shadow: 0 8px 28px rgba(20,23,42,.05); backdrop-filter: blur(18px) saturate(1.3); }
.brand { display: inline-flex; align-items: center; gap: .65rem; font-weight: 750; letter-spacing: -.03em; text-decoration: none; }
.brand strong { color: var(--violet-2); }.brand-gem { display: grid; place-items: center; overflow: hidden; width: 36px; aspect-ratio: 1; padding: .2rem; border: 1px solid #d8dce8; border-radius: 10px; background: var(--surface); box-shadow: 0 8px 19px rgba(80,52,238,.18); }.brand-gem img { display: block; width: 100%; height: 100%; object-fit: contain; }
.site-nav { position: fixed; top: 58px; right: .75rem; left: .75rem; display: none; flex-direction: column; align-items: stretch; gap: .25rem; padding: .75rem; border: 1px solid var(--line); border-radius: 18px; background: var(--surface-glass); box-shadow: var(--shadow-lg); }
.site-nav.is-open { display: flex; }.site-nav a { padding: .8rem 1rem; border-radius: 11px; color: var(--ink-2); font-size: .9rem; font-weight: 650; text-decoration: none; }.site-nav a:hover { background: var(--soft); color: var(--violet-2); }.site-nav .nav-account { color: #fff; background: var(--invert); }
.nav-toggle { display: grid; gap: 4px; padding: 10px; border: 0; background: transparent; }.nav-toggle span:not(.sr-only) { width: 21px; height: 2px; border-radius: 2px; background: var(--ink); }
.hero-shell { display: grid; gap: 1.5rem; width: min(1450px,calc(100% - 2rem)); padding: 1.75rem 0 2.25rem; margin: 0 auto; }.hero-copy { align-self: center; }.hero-copy h1 { max-width: 14ch; margin: 0; font-size: clamp(2.1rem,7vw,3.6rem); font-weight: 850; letter-spacing: -.05em; line-height: 1.02; }.hero-copy > p { max-width: 58ch; margin: 1.3rem 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.7; }
.eyebrow { display: inline-flex; align-items: center; gap: .55rem; margin-bottom: 1rem; color: var(--violet-2); font-size: .72rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.eyebrow i { width: 22px; height: 3px; border-radius: 3px; background: linear-gradient(90deg,var(--pink),var(--violet)); }.eyebrow--light { color: #bfc6ff; }.eyebrow--light i { background: linear-gradient(90deg,#5ff2ff,#ff79b7); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.8rem; }.button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 48px; padding: 0 1.15rem; border: 1px solid transparent; border-radius: 13px; cursor: pointer; font-weight: 750; text-decoration: none; transition: transform .18s,box-shadow .18s,background .18s; }.button:hover { transform: translateY(-2px); }.button:disabled { cursor: not-allowed; opacity: .45; transform: none; }.button--primary { color: #fff; background: linear-gradient(135deg,var(--violet),var(--violet-2)); box-shadow: 0 12px 25px rgba(80,52,238,.24); }.button--glass { border-color: var(--line); background: var(--surface-glass); }.button--light { color: var(--ink); background: var(--surface); }.button--dark { color: #fff; background: var(--invert); }.button--success { color: #fff; background: var(--green); }.button--accent { color: #fff; background: linear-gradient(135deg,var(--pink),#e83979); }.button--glass-dark { border-color: #3b4056; color: #fff; background: rgba(255,255,255,.08); }
.trust-row { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; padding: 0; margin: 1.8rem 0 0; list-style: none; color: var(--muted); font-size: .78rem; font-weight: 650; }.trust-row span { color: var(--green); }.hero-art { position: relative; overflow: hidden; min-height: 330px; border: 1px solid #dfe3ef; border-radius: 34px 12px 34px 12px; background: #cbeaff; box-shadow: var(--shadow-lg); }.hero-art img { width: 100%; height: 100%; min-height: 330px; object-fit: cover; }.floating-chip { position: absolute; display: grid; gap: .15rem; max-width: 210px; padding: .75rem .9rem; border: 1px solid rgba(255,255,255,.8); border-radius: 13px; background: var(--surface-glass); box-shadow: var(--shadow); backdrop-filter: blur(14px); }.floating-chip small { color: var(--muted); font-size: .65rem; font-weight: 750; text-transform: uppercase; }.floating-chip strong { font-size: .78rem; }.floating-chip--top { top: 1rem; right: 1rem; }.floating-chip--bottom { bottom: 1rem; left: 1rem; }
.metric-ribbon { display: grid; grid-template-columns: repeat(2,1fr); width: min(1260px,calc(100% - 2rem)); margin: 0 auto; border: 1px solid var(--line); border-radius: 18px; background: var(--surface-glass); box-shadow: var(--shadow); }.metric-ribbon div { display: grid; gap: .3rem; padding: 1rem; border: solid var(--line); border-width: 0 1px 1px 0; }.metric-ribbon strong { color: var(--violet); font-size: .72rem; }.metric-ribbon span { font-size: .78rem; font-weight: 680; }
.section-shell,.page-shell { width: min(1260px,calc(100% - 2rem)); margin: 0 auto; }.section-shell { padding: 2.75rem 0; }.section-shell--compact { padding-top: 1.5rem; }.section-heading,.page-heading { display: flex; flex-direction: column; gap: .6rem; margin-bottom: 1.25rem; }.section-heading h2,.page-heading h1 { margin: 0; font-size: clamp(1.6rem,4.5vw,2.4rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.08; }.section-heading p,.page-heading p { max-width: 570px; margin: 0; color: var(--muted); line-height: 1.65; }.text-link,.back-link { color: var(--violet-2); font-weight: 750; text-decoration: none; }
.item-grid,.market-grid { display: grid; gap: 1rem; }.item-card,.listing-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 14px 40px rgba(28,31,53,.07); }.item-visual,.listing-art { position: relative; display: grid; place-items: center; min-height: 220px; background: var(--soft); }.item-visual img,.listing-art img { width: 100%; height: 220px; object-fit: contain; }.item-visual > span,.listing-art > span { font-size: 4rem; }.item-visual > b,.listing-art > b { position: absolute; top: .8rem; left: .8rem; padding: .35rem .55rem; border-radius: 999px; color: #fff; background: rgba(17,19,29,.76); font-size: .62rem; text-transform: uppercase; }.item-copy,.listing-copy { padding: 1.1rem; }.item-copy h3,.listing-copy h2 { margin: 0; font-size: 1.1rem; }.item-copy p { min-height: 2.8em; margin: .55rem 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }.price-row { display: flex; flex-wrap: wrap; gap: .45rem; }.price-row strong { padding: .35rem .55rem; border-radius: 8px; background: var(--soft); font-size: .82rem; }.price-row small { color: var(--violet-2); }
.rarity-common { --rarity:#8990a2 }.rarity-uncommon { --rarity:#20a26e }.rarity-rare { --rarity:#3189f4 }.rarity-epic { --rarity:#8b51ed }.rarity-legendary { --rarity:#e89c20 }.item-card,.listing-card,.inventory-tile,.offer-item,.trade-inventory-item,.item-detail-art { border-top: 3px solid var(--rarity,#8990a2); }
.feature-band { display: grid; width: min(1380px,calc(100% - 2rem)); margin: 0 auto; overflow: hidden; border-radius: 28px 10px 28px 10px; color: #fff; background: linear-gradient(130deg,#121424,#28204f); box-shadow: var(--shadow-lg); }.feature-band img { width: 100%; height: 300px; object-fit: cover; }.feature-band > div { padding: 1.5rem; }.feature-band h2 { max-width: 16ch; margin: 0; font-size: clamp(1.6rem,5vw,2.3rem); letter-spacing: -.04em; line-height: 1.1; }.feature-band p { max-width: 55ch; color: #b8b9ca; line-height: 1.7; }.deal-strip { display: grid; gap: .7rem; }.deal-card { display: flex; align-items: center; gap: .75rem; padding: .9rem; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); text-decoration: none; }.deal-card div { display: grid; flex: 1; }.deal-card small { color: var(--muted); }.deal-card > b { font-size: .8rem; }.rarity-dot { display: inline-block; width: 10px; aspect-ratio: 1; border-radius: 50%; background: #8990a2; box-shadow: 0 0 0 5px rgba(137,144,162,.12); }.rarity-dot--uncommon{background:#20a26e}.rarity-dot--rare{background:#3189f4}.rarity-dot--epic{background:#8b51ed}.rarity-dot--legendary{background:#e89c20}
.empty-state { display: grid; place-items: center; padding: 2.5rem 1.5rem; border: 1px dashed #cdd0dc; border-radius: var(--radius); text-align: center; background: var(--surface-glass); }.empty-state > span { color: var(--violet); font-size: 2.8rem; }.empty-state h2,.empty-state h3 { margin: .5rem 0; }.empty-state p,.empty-inline { color: var(--muted); }.empty-inline { padding: 1.2rem; border: 1px dashed var(--line); border-radius: 13px; background: var(--surface); }
.page-shell { min-height: 65vh; padding: 3rem 0 6rem; }.page-heading { align-items: flex-start; }.collection-count { display: grid; padding: 1rem 1.2rem; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }.collection-count strong { color: var(--violet-2); font-size: 1.4rem; }.collection-count span { color: var(--muted); font-size: .72rem; }.status-banner,.observer-banner { padding: .9rem 1rem; margin-bottom: 1.2rem; border: 1px solid var(--tint-green-border); border-radius: 13px; color: var(--tint-green-ink); background: var(--tint-green-bg); font-size: .86rem; }.observer-banner { border-color: var(--tint-violet-border); color: var(--tint-violet-ink); background: var(--tint-violet-bg); }.admin-alert { border: none; border-radius: var(--radius); padding: 1.5rem; max-width: 380px; width: calc(100% - 2.5rem); color: var(--ink); background: var(--surface); box-shadow: var(--shadow-lg); }.admin-alert::backdrop { background: rgba(0,0,0,.5); }.admin-alert p { margin: 0 0 1.2rem; font-size: .9rem; line-height: 1.6; }.admin-alert .button { width: 100%; }
.inventory-toolbar,.market-toolbar { display: flex; flex-direction: column; gap: 1rem; padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }.inventory-toolbar label,.market-toolbar label { display: grid; gap: .35rem; color: var(--muted); font-size: .72rem; font-weight: 700; }.inventory-toolbar input,.market-toolbar select { min-height: 43px; padding: 0 .8rem; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); }.filter-pills { display: flex; gap: .35rem; overflow-x: auto; }.filter-pills button { padding: .55rem .8rem; border: 0; border-radius: 999px; color: var(--muted); background: var(--soft); }.filter-pills button.active { color: #fff; background: var(--invert); }.inventory-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }.inventory-tile { display: grid; gap: .35rem; min-width: 0; padding: .6rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 14px; text-align: left; background: var(--surface); box-shadow: 0 10px 28px rgba(25,28,49,.06); cursor: pointer; }.inventory-tile.is-locked { opacity: .58; filter: grayscale(.35); }.inventory-art { position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: 10px; background: var(--soft); }.inventory-art img { width: 100%; height: 100%; object-fit: contain; }.inventory-art > b { font-size: 2.5rem; }.inventory-art i,.listing-art i,.trade-inventory-item i,.offer-item i { position: absolute; right: .45rem; bottom: .4rem; padding: .2rem .4rem; border-radius: 7px; color: #fff; background: rgba(17,19,29,.76); font-size: .66rem; font-style: normal; }.inventory-name { overflow: hidden; font-size: .84rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }.inventory-tile small { color: var(--muted); font-size: .66rem; }
.item-action-sheet { position: fixed; z-index: 210; right: 0; bottom: 0; left: 0; padding: 1.3rem 1rem calc(1.3rem + env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0; background: var(--surface); box-shadow: 0 -25px 70px rgba(16,18,34,.25); transform: translateY(105%); transition: transform .25s ease; }.item-action-sheet.is-open { transform: translateY(0); }.item-action-sheet h2 { margin: 0; }.item-action-sheet form { display: grid; gap: .75rem; margin-top: 1rem; }.item-action-sheet label,.stack-form label,.seller-builder label,.item-builder label,.trade-start-card label { display: grid; gap: .35rem; color: var(--muted); font-size: .76rem; font-weight: 700; }.item-action-sheet input,.stack-form input,.stack-form select,.seller-builder input,.seller-builder select,.item-builder input,.item-builder textarea,.item-builder select,.trade-start-card input { min-height: 45px; width: 100%; padding: .65rem .75rem; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--surface); }.sheet-close { position: absolute; top: .8rem; right: .8rem; border: 0; background: transparent; font-size: 1.4rem; }.sheet-scrim { position: fixed; z-index: 200; inset: 0; display: none; background: rgba(10,11,18,.52); backdrop-filter: blur(3px); }.sheet-scrim.is-open { display: block; }
.trade-start-card,.seller-builder { display: grid; gap: 1.5rem; padding: 1.3rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }.trade-start-card h2,.seller-builder h2 { margin: .5rem 0; }.trade-start-card p,.seller-builder p { color: var(--muted); line-height: 1.6; }.trade-start-card form,.seller-builder form { display: grid; gap: .8rem; }.step-number { display: inline-flex; padding: .3rem .55rem; border-radius: 7px; color: #fff; background: var(--violet); font-size: .7rem; font-weight: 800; text-transform: uppercase; }.switch-row { position: relative; display: grid!important; grid-template-columns: 46px 1fr; align-items: center; gap: .7rem; padding: .8rem; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); cursor: pointer; }.switch-row input { position: absolute; width: 1px; min-height: 1px; opacity: 0; }.switch-row > span { position: relative; width: 46px; height: 26px; border-radius: 999px; background: #b8bcc9; transition: background .18s ease; }.switch-row > span::after { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--surface); box-shadow: 0 2px 6px rgba(20,22,35,.25); content: ""; transition: transform .18s ease; }.switch-row input:checked + span { background: var(--violet); }.switch-row input:checked + span::after { transform: translateX(20px); }.switch-row input:focus-visible + span { outline: 3px solid rgba(112,87,255,.25); outline-offset: 2px; }.switch-row b { display: grid; color: var(--ink); }.switch-row small { color: var(--muted); font-weight: 500; line-height: 1.4; }.member-picker { position: relative; display: grid; gap: .4rem; }.member-picker > label { display: flex; justify-content: space-between; }.member-picker > label small { font-weight: 500; }.member-search-box { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; }.member-search-box > span { position: absolute; left: .8rem; z-index: 1; color: var(--muted); font-size: 1.2rem; }.member-search-box input { padding-left: 2.25rem; padding-right: 2.5rem; }.member-search-spinner { position: absolute; right: .8rem; width: 17px; height: 17px; border: 2px solid #d7d4ed; border-top-color: var(--violet); border-radius: 50%; animation: member-search-spin 1.2s linear infinite; }.member-search-results { position: absolute; z-index: 30; top: calc(100% - 1.35rem); right: 0; left: 0; overflow: hidden; border-radius: 12px; background: var(--surface); box-shadow: 0 16px 44px rgba(18,20,35,.18); }.member-search-results:empty { display: none; }.member-search-result { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .7rem; width: 100%; padding: .7rem; border: 0; border-bottom: 1px solid var(--line); text-align: left; background: var(--surface); cursor: pointer; }.member-search-result:hover,.member-search-result:focus-visible { background: var(--soft); }.member-search-result > span:nth-child(2),.selected-member > span:nth-child(2) { display: grid; }.member-search-result small,.selected-member small { color: var(--muted); }.member-result-avatar,.selected-member-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; overflow: hidden; border-radius: 50%; color: #fff; background: var(--violet); font-weight: 800; }.member-result-avatar img,.selected-member-avatar img { width: 100%; height: 100%; object-fit: cover; }.member-search-status { padding: .8rem; margin: 0; color: var(--muted); font-size: .76rem; }.selected-member { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; padding: .7rem; border: 1px solid var(--tint-violet-border); border-radius: 12px; background: var(--tint-violet-bg); }.selected-member button { width: 32px; height: 32px; border: 0; border-radius: 50%; color: var(--muted); background: var(--surface); cursor: pointer; font-size: 1.1rem; }.trade-start-explainer { padding: .7rem .8rem; border-left: 3px solid var(--violet); color: var(--muted); background: var(--tint-violet-bg); font-size: .76rem; line-height: 1.5; }.form-hint { color: var(--muted); font-weight: 500; }.field-validation-error { color: var(--red); font-size: .75rem; font-weight: 700; }.subheading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 2.5rem 0 1rem; }.subheading h2 { margin: 0; }.subheading a { color: var(--violet-2); font-size: .84rem; font-weight: 750; text-decoration: none; }.trade-list { display: grid; gap: .55rem; }.trade-row { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: .75rem; padding: .9rem; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); text-decoration: none; }.trade-row div { display: grid; }.trade-row small { color: var(--muted); }.trade-row > b { font-size: .72rem; }.status-dot { width: 9px; aspect-ratio: 1; border-radius: 50%; background: #9fa4b2; }.status-dot--open,.status-dot--active { background: var(--green); box-shadow: 0 0 0 5px rgba(24,168,117,.12); }.status-dot--completed,.status-dot--sold { background: var(--violet); }.status-dot--needsattention { background: var(--red); } @keyframes member-search-spin { to { transform: rotate(360deg); } }
.live-label { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .65rem; border-radius: 999px; color: var(--tint-pink-ink); background: var(--tint-pink-bg); font-size: .7rem; font-weight: 800; text-transform: uppercase; }.live-label i { width: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--pink); box-shadow: 0 0 0 5px rgba(255,79,154,.13); animation: pulse 1.5s infinite; }@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(255,79,154,0)}}
.public-trade-grid { display: grid; gap: 1rem; }.public-trade-card { padding: 1rem; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); box-shadow: var(--shadow); text-decoration: none; }.public-trade-card header,.public-trade-card footer { display: flex; justify-content: space-between; color: var(--muted); font-size: .76rem; }.mini-offers { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .75rem; padding: 1.5rem 0; }.mini-offers div { display: grid; place-items: center; padding: 1rem; border-radius: 12px; background: var(--soft); }.mini-offers b { font-size: 1.4rem; }.mini-offers span { color: var(--muted); font-size: .7rem; }
.trade-room { width: min(1450px,calc(100% - 1.25rem)); min-height: 72vh; padding: 1.5rem 0 8rem; margin: 0 auto; }.trade-room-header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.trade-room-header a { color: var(--muted); font-size: .8rem; text-decoration: none; }.trade-room-header h1 { margin: .3rem 0 0; font-size: clamp(1.5rem,5vw,2.2rem); letter-spacing: -.04em; }.revision-pill { display: none; }.join-trade-banner { display: flex; flex-direction: column; align-items: start; gap: .9rem; padding: 1rem; margin-bottom: 1.2rem; border: 1px solid var(--tint-violet-border); border-radius: 14px; color: var(--tint-violet-ink); background: var(--tint-violet-bg); }.join-trade-banner strong { font-size: 1rem; }.join-trade-banner p { margin: .25rem 0 0; color: var(--muted); font-size: .8rem; }.trade-board { display: grid; gap: .75rem; }.offer-panel { min-width: 0; padding: .8rem; border: 1px solid #34384b; border-radius: 18px; color: #fff; background: linear-gradient(145deg,#1d2030,#12141f); box-shadow: 0 20px 55px rgba(12,14,26,.18); }.offer-panel header { display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem; }.offer-panel h2 { margin: 0; }.offer-panel small { color: #a9adbf; }.accept-state { padding: .4rem .6rem; border: 1px solid #454a62; border-radius: 999px; color: #aeb2c3; font-size: .65rem; }.accept-state.is-accepted { border-color: #2ec992; color: #8aebc8; background: rgba(24,168,117,.12); }.offer-slots { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; }.empty-slot,.offer-item { position: relative; display: grid; min-width: 0; aspect-ratio: .84; padding: .35rem; border: 1px dashed #41465c; border-radius: 10px; }.empty-slot { place-items: center; color: #51566c; font-size: 1.5rem; }.offer-item { border-right: 1px solid #3d4258; border-bottom: 1px solid #3d4258; border-left: 1px solid #3d4258; background: #282c3d; }.offer-item > span { position: relative; display: grid; place-items: center; min-height: 0; overflow: hidden; border-radius: 7px; background: #1a1d2b; }.offer-item img { width: 100%; height: 100%; object-fit: contain; }.offer-item strong { overflow: hidden; padding-top: .3rem; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }.offer-item > button { position: absolute; z-index: 2; top: .2rem; right: .2rem; width: 25px; aspect-ratio: 1; border: 0; border-radius: 50%; color: #fff; background: rgba(213,62,93,.9); }.trade-lock { display: grid; place-items: center; color: var(--violet); }.trade-lock span { font-size: 1.4rem; }.trade-lock small { color: var(--muted); }.trade-inventory { margin-top: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }.trade-inventory header { display: flex; flex-direction: column; gap: .8rem; }.trade-inventory h2 { margin: 0; }.trade-inventory p { margin: .3rem 0; color: var(--muted); font-size: .78rem; }.trade-inventory input { min-height: 42px; padding: 0 .7rem; border: 1px solid var(--line); border-radius: 10px; }.trade-inventory-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; margin-top: .8rem; }.trade-inventory-item { display: grid; min-width: 0; padding: .35rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 10px; background: var(--surface); cursor: grab; }.trade-inventory-item.is-selected { outline: 3px solid rgba(112,87,255,.25); }.trade-inventory-item > span { position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: 7px; background: var(--soft); }.trade-inventory-item img { width: 100%; height: 100%; object-fit: contain; }.trade-inventory-item strong { overflow: hidden; padding-top: .3rem; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }.trade-action-bar { position: fixed; z-index: 90; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom)); color: #fff; background: rgba(17,19,29,.96); box-shadow: 0 -20px 50px rgba(15,17,29,.2); backdrop-filter: blur(16px); }.trade-action-bar > div { grid-column: 1/-1; display: grid; }.trade-action-bar small { color: #aeb2c3; }.text-button { padding: .6rem; border: 0; cursor: pointer; color: var(--violet-2); background: transparent; font-weight: 750; }.text-button--danger { color: var(--red); }.completed-banner { display: flex; gap: 1rem; padding: 1.2rem; margin-top: 1rem; border: 1px solid var(--tint-green-border); border-radius: 15px; color: var(--tint-green-ink); background: var(--tint-green-bg); }.completed-banner > span { display: grid; place-items: center; width: 42px; aspect-ratio: 1; border-radius: 50%; color: #fff; background: var(--green); }.completed-banner p { margin: .2rem 0 0; }
.market-hero { position: relative; overflow: hidden; display: grid; min-height: 200px; padding: 1.5rem 1rem; color: #fff; background: #16182a; }.market-hero > div { position: relative; z-index: 2; align-self: center; width: min(1260px,100%); margin: auto; }.market-hero h1 { max-width: 16ch; margin: 0; font-size: clamp(1.9rem,6vw,2.9rem); letter-spacing: -.045em; line-height: 1.04; }.market-hero p { color: #c2c4d2; }.market-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .28; mix-blend-mode: screen; }.market-toolbar { align-items: stretch; }.market-toolbar > div { display: grid; }.market-toolbar > div strong { font-size: 1.4rem; }.market-toolbar > div span { color: var(--muted); font-size: .7rem; }.listing-art i { top: .8rem; right: .8rem; bottom: auto; }.listing-copy > small { color: var(--muted); }.listing-price { display: flex; align-items: end; justify-content: space-between; padding: .9rem 0; margin-top: .8rem; border-top: 1px solid var(--line); }.listing-price span { color: var(--muted); font-size: .72rem; }.listing-price strong { color: var(--violet-2); font-size: 1.15rem; }.listing-copy .button { width: 100%; }.pagination { display: flex; justify-content: center; gap: 1rem; padding: 2rem; }.pagination a { color: var(--violet-2); font-weight: 750; text-decoration: none; }.seller-builder aside { padding: 1.2rem; border-radius: 16px; color: #fff; background: linear-gradient(145deg,#171928,#31295e); }.seller-builder aside span { color: #7ce9ff; font-size: .7rem; font-weight: 800; text-transform: uppercase; }.form-grid { display: grid; gap: .8rem; }
.admin-metrics { display: grid; gap: .7rem; }.admin-metrics > * { display: grid; gap: .4rem; padding: 1.1rem; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); text-decoration: none; }.admin-metrics strong { font-size: 1.35rem; }.admin-metrics span { color: var(--muted); font-size: .76rem; }.admin-metrics .has-alert { border-color: var(--tint-red-border); background: var(--tint-red-bg); }.admin-metrics .has-alert strong { color: var(--red); }.operator-note { display: flex; gap: 1rem; padding: 1.2rem; margin-top: 1.5rem; border: 1px solid var(--tint-gold-border); border-radius: 15px; background: var(--tint-gold-bg); }.operator-note > span { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #fff; background: var(--gold); font-weight: 900; }.operator-note h2 { margin: 0; font-size: 1rem; }.operator-note p { margin: .4rem 0 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.admin-item-table { overflow-x: auto; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }.admin-table-head,.admin-item-row { display: grid; grid-template-columns: minmax(220px,2fr) minmax(180px,1.3fr) 110px 100px 30px; gap: 1rem; align-items: center; min-width: 720px; padding: .85rem 1rem; }.admin-table-head { color: var(--muted); background: var(--soft); font-size: .68rem; font-weight: 800; text-transform: uppercase; }.admin-item-row { border-top: 1px solid var(--line); text-decoration: none; }.admin-item-name { display: grid; grid-template-columns: auto 1fr; gap: 0 .7rem; align-items: center; }.admin-item-name i { grid-row: 1/3; }.admin-item-name small { color: var(--muted); }.capability-tags { display: flex; flex-wrap: wrap; gap: .3rem; }.capability-tags i { padding: .25rem .45rem; border-radius: 6px; color: var(--tint-violet-ink); background: var(--tint-violet-bg); font-size: .62rem; font-style: normal; }.status-chip { width: fit-content; padding: .3rem .5rem; border-radius: 999px; color: var(--muted); background: var(--soft); font-size: .65rem; font-weight: 800; }.status-chip--published { color: var(--tint-green-ink); background: var(--tint-green-bg); }.status-chip--retired { color: var(--tint-red-ink); background: var(--tint-red-bg); }
.item-builder { display: grid; gap: 1rem; }.builder-main { display: grid; gap: 1rem; }.form-card,.data-panel { padding: 1rem; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); box-shadow: 0 10px 32px rgba(26,29,50,.05); }.form-card > header { display: grid; grid-template-columns: 36px 1fr; gap: .8rem; margin-bottom: 1rem; }.form-card > header > span { display: grid; place-items: center; width: 36px; aspect-ratio: 1; border-radius: 9px; color: var(--violet-2); background: var(--tint-violet-bg); font-size: .7rem; font-weight: 850; }.form-card h2,.data-panel h2 { margin: 0; font-size: 1.05rem; }.form-card header p { margin: .2rem 0; color: var(--muted); font-size: .76rem; }.form-card > label { margin-top: .8rem; }.capability-checks { display: grid; gap: .55rem; margin: 1rem 0; }.capability-checks label { display: flex; align-items: start; gap: .6rem; padding: .7rem; border: 1px solid var(--line); border-radius: 10px; }.capability-checks input { width: 18px; min-height: 18px; }.capability-checks span { display: grid; }.capability-checks small { font-weight: 400; }.builder-preview { align-self: start; padding: 1.3rem; border-radius: 18px; color: #fff; background: linear-gradient(145deg,#171928,#332864); box-shadow: var(--shadow-lg); }.builder-preview h2 { margin: 0; }.builder-preview ol { padding-left: 1.2rem; color: #c5c6d4; line-height: 2; }.builder-preview .button { width: 100%; }.item-detail-heading { display: grid; gap: 1.2rem; margin-bottom: 1.5rem; }.item-detail-art { display: grid; place-items: center; min-height: 260px; overflow: hidden; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 19px; background: var(--soft); }.item-detail-art img { width: 100%; height: 280px; object-fit: contain; }.item-detail-art span { font-size: 5rem; }.item-detail-heading h1 { margin: .4rem 0; font-size: clamp(1.8rem,5.5vw,2.6rem); letter-spacing: -.04em; }.item-detail-heading p { color: var(--muted); line-height: 1.6; }.detail-grid { display: grid; gap: 1rem; }.data-panel > header { display: flex; justify-content: space-between; margin-bottom: 1rem; }.data-panel dl { margin: 0; }.data-panel dl > div { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-top: 1px solid var(--line); }.data-panel dt { color: var(--muted); }.data-panel dd { margin: 0; font-weight: 700; }.price-list { padding: 0; list-style: none; }.price-list li { display: flex; justify-content: space-between; padding: .6rem; border-radius: 9px; background: var(--soft); }.price-list small { color: var(--muted); }.inline-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: .4rem; }.inline-form input,.inline-form button { min-width: 0; min-height: 40px; padding: .4rem; border: 1px solid var(--line); border-radius: 8px; }.inline-form button { color: #fff; background: var(--invert); }.stack-form { display: grid; gap: .8rem; }.admin-action-bar { position: sticky; z-index: 20; bottom: .7rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem; margin-top: 1rem; border: 1px solid #35384b; border-radius: 15px; color: #fff; background: rgba(17,19,29,.95); box-shadow: var(--shadow-lg); backdrop-filter: blur(14px); }.admin-action-bar > div { display: grid; }.admin-action-bar small { color: #aaaebf; }
.site-footer { display: grid; gap: 2rem; padding: 3rem 1.2rem 2rem; color: #aeb1c1; background: #11131d; }.site-footer .brand { color: #fff; }.site-footer p { font-size: .8rem; }.site-footer nav { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }.site-footer nav a { color: #e1e2eb; font-size: .76rem; text-decoration: none; }.site-footer small { padding-top: 1rem; border-top: 1px solid #2c2f40; font-size: .68rem; }
.footer-legal-more { display: inline-block; }
.footer-legal-more summary { cursor: pointer; color: #e1e2eb; font-size: .76rem; list-style: none; }
.footer-legal-more summary::-webkit-details-marker { display: none; }
.footer-legal-more summary::after { content: " \25BE"; }
.footer-legal-more[open] summary::after { content: " \25B4"; }
.footer-legal-more__panel { display: flex; flex-wrap: wrap; gap: .5rem 1rem; max-width: 42rem; margin-top: .6rem; padding-top: .6rem; border-top: 1px solid #2c2f40; }
.footer-legal-more__panel a { color: #e1e2eb; font-size: .76rem; text-decoration: none; }.toast-region { position: fixed; z-index: 300; right: 1rem; bottom: 1rem; display: grid; gap: .5rem; }.toast { max-width: 340px; padding: .8rem 1rem; border-radius: 11px; color: #fff; background: #1a1d2a; box-shadow: var(--shadow-lg); }
@media (min-width:700px){.site-header{padding:0 2rem}.item-grid,.market-grid{grid-template-columns:repeat(2,1fr)}.inventory-grid{grid-template-columns:repeat(4,1fr)}.public-trade-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.admin-metrics{grid-template-columns:repeat(3,1fr)}.item-detail-heading{grid-template-columns:320px 1fr;align-items:center}.detail-grid{grid-template-columns:repeat(2,1fr)}.trade-inventory-strip{grid-template-columns:repeat(6,1fr)}.offer-slots{grid-template-columns:repeat(6,1fr)}.trade-board{grid-template-columns:1fr auto 1fr;align-items:center}.trade-lock{transform:none}.revision-pill{display:grid;padding:.7rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.revision-pill small{color:var(--muted)}.join-trade-banner{flex-direction:row;align-items:center;justify-content:space-between}.trade-action-bar{display:flex;align-items:center;justify-content:flex-end}.trade-action-bar>div{grid-column:auto;margin-right:auto}.item-action-sheet{top:0;right:0;bottom:0;left:auto;width:min(420px,90vw);padding:3rem 1.5rem;border-radius:0;transform:translateX(105%)}.item-action-sheet.is-open{transform:translateX(0)}.market-toolbar{flex-direction:row;align-items:end;justify-content:space-between}.inventory-toolbar{flex-direction:row;align-items:end;justify-content:space-between}.seller-builder,.trade-start-card{grid-template-columns:1fr 1fr;align-items:center}.metric-ribbon{grid-template-columns:repeat(4,1fr)}.metric-ribbon div{border-bottom:0}.section-heading,.page-heading{flex-direction:row;align-items:end;justify-content:space-between}.deal-strip{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.site-header{min-height:64px;padding:0 clamp(2rem,5vw,5rem)}.nav-toggle{display:none}.site-nav{position:static;display:flex;flex-direction:row;align-items:center;padding:0;border:0;background:transparent;box-shadow:none}.hero-shell{grid-template-columns:1.05fr .95fr;gap:3rem;padding:2.75rem 0 3.5rem}.hero-art,.hero-art img{min-height:400px}.item-grid{grid-template-columns:repeat(3,1fr)}.market-grid{grid-template-columns:repeat(3,1fr)}.feature-band{grid-template-columns:1fr 1fr;align-items:center}.feature-band img{height:100%;min-height:360px}.feature-band>div{padding:2.5rem}.inventory-grid{grid-template-columns:repeat(6,1fr)}.public-trade-grid{grid-template-columns:repeat(3,1fr)}.item-builder{grid-template-columns:minmax(0,1fr) 350px;align-items:start}.builder-preview{position:sticky;top:96px}.admin-metrics{grid-template-columns:repeat(4,1fr)}.market-hero{min-height:260px;padding:2.5rem}.site-footer{grid-template-columns:1fr auto;padding:2.75rem clamp(2rem,6vw,6rem) 1.5rem}.site-footer small{grid-column:1/-1}.trade-room{padding-top:1.5rem}.offer-panel{padding:1rem}.trade-inventory header{flex-direction:row;align-items:center;justify-content:space-between}}
@media (min-width:1300px){.market-grid{grid-template-columns:repeat(4,1fr)}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}
.data-panel-action { width: 100%; margin-top: 1rem; }
.item-action-sheet select,.item-action-sheet textarea { min-height: 45px; width: 100%; padding: .65rem .75rem; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--surface); }
.field-help { position: relative; display: inline-flex; margin-left: .3rem; vertical-align: middle; }.field-help__trigger { display: grid; place-items: center; width: 16px; height: 16px; padding: 0; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); background: var(--surface); font-size: .62rem; font-weight: 800; line-height: 1; cursor: help; }.field-help__popup { position: absolute; z-index: 40; bottom: calc(100% + 8px); left: 0; width: 240px; padding: .65rem .75rem; border-radius: 11px; color: #fff; background: #171928; font-size: .72rem; font-weight: 500; line-height: 1.45; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(4px); box-shadow: var(--shadow-lg); transition: opacity .15s ease, transform .15s ease; }.field-help__popup strong { color: #ff9fc2; }.field-help:hover .field-help__popup,.field-help:focus-within .field-help__popup,.field-help__trigger:focus .field-help__popup { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.theme-toggle { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; margin: .2rem 0; padding: 0; border: 1px solid var(--line); border-radius: 10px; color: var(--ink-2); background: var(--surface); cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }.theme-toggle:hover { border-color: var(--violet); color: var(--violet-2); }.theme-toggle svg { width: 18px; height: 18px; }.theme-toggle .icon-moon { display: none; }html[data-theme="dark"] .theme-toggle .icon-sun { display: none; }html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
@media (min-width:1000px){.theme-toggle{margin:0 0 0 .5rem}}

/* Shared Reva compositions and full-width public content alignment. */
.metric-ribbon,.section-shell,.page-shell{width:min(1450px,calc(100% - 2rem))}.economy-reva-banner{--mascot-padding-x:clamp(1.25rem,4vw,3rem);--mascot-padding-y:.5rem;--mascot-slot-min-height:260px;width:min(1450px,calc(100% - 2rem));margin:2rem auto 0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(125deg,var(--surface),var(--tint-violet-bg));overflow:hidden;box-shadow:var(--shadow)}.economy-reva-banner h2{margin:.25rem 0 .6rem;font-size:clamp(1.65rem,3.5vw,2.8rem);letter-spacing:-.04em}.economy-reva-banner p,.workspace-reva span{color:var(--muted);line-height:1.55}.workspace-reva{--mascot-padding-x:1.25rem;--mascot-padding-y:0;--mascot-slot-min-height:210px;margin:0 0 1.2rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,var(--surface),var(--soft));overflow:hidden}.workspace-reva .mascot-content{display:grid;gap:.35rem}.workspace-reva .mascot-content strong{font-size:1.12rem}.site-footer{grid-template-columns:1fr;gap:1.25rem;padding:2rem 1.2rem 1.25rem}.site-footer nav{align-content:start}.site-footer nav strong{width:100%;margin-bottom:.2rem;color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.site-footer .footer-intro p{max-width:48ch;line-height:1.5}.footer-assurance{color:#7ce9ff}
@media(min-width:700px){.site-footer{grid-template-columns:minmax(250px,1.4fr) minmax(130px,.5fr) minmax(180px,.7fr);align-items:start}.site-footer nav{display:grid}.site-footer small{grid-column:1/3}.site-footer .footer-assurance{grid-column:3;text-align:right}}
@media(min-width:1000px){.site-footer{padding:2.25rem clamp(2rem,6vw,6rem) 1.25rem}.site-footer small{padding-top:.85rem}}

.account-menu { position:relative; }
.account-menu summary { display:flex; align-items:center; gap:.55rem; cursor:pointer; list-style:none; }
.account-menu summary::-webkit-details-marker { display:none; }
.account-menu summary::after { content:none; }
.account-avatar { width:34px; height:34px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.account-initial { display:grid; place-items:center; background:#5547ab; color:#fff; }
.account-dropdown { position:absolute; right:0; top:calc(100% + 12px); width:min(280px,85vw); padding:12px; border-radius:14px; background:var(--surface,#191923); color:var(--ink,#f5f5fa); border:1px solid #7775; box-shadow:0 16px 45px #0005; z-index:1000; }
.account-summary { display:flex; align-items:center; gap:10px; padding:8px; }
.account-summary strong,.account-summary small { display:block; overflow-wrap:anywhere; }
.account-summary small { opacity:.7; margin-top:3px; }
.site-nav .account-dropdown a { display:block; padding:10px; border-radius:8px; color:inherit; }
.account-dropdown a:hover { background:#8882; }
.account-menu summary:focus-visible,.account-dropdown a:focus-visible { outline:2px solid #9d88ff; outline-offset:4px; }
.account-org-heading { padding:10px 10px 2px; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; opacity:.6; }
.account-org { display:flex; align-items:center; gap:10px; width:100%; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.account-org:hover { background:#8882; }
.account-org:focus-visible { outline:2px solid #9d88ff; outline-offset:4px; }
.account-org.is-selected { background:#8883; }
.account-org span:last-of-type { flex:1 1 auto; min-width:0; }
.account-org span:last-of-type strong,.account-org span:last-of-type small { display:block; overflow-wrap:anywhere; }
.account-org span:last-of-type small { opacity:.7; margin-top:2px; }
.account-org b { flex-shrink:0; color:var(--violet-2,#9d88ff); }
.account-org-notice { padding:8px 10px; font-size:.8rem; opacity:.7; }
.rc-member-search__kind-toggle { display: flex; gap: .4rem; margin-bottom: .2rem; }
.rc-member-search__kind-button { flex: 1; padding: .5rem .75rem; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--muted); font-weight: 700; font-size: .78rem; cursor: pointer; }
.rc-member-search__kind-button[aria-pressed="true"] { border-color: var(--violet); background: var(--violet); color: #fff; }

.account-caret { flex: 0 0 auto; margin-left: 2px; color: var(--muted); font-size: .7rem; }