:root {
  color-scheme: dark;
  --ink: #eee9df;
  --muted: #b8b9ac;
  --faint: #a1aa9f;
  --gold: #dfb765;
  --gold-bright: #f6dba0;
  --wine: #fb7185;
  --field: #111916;
  --panel: #18211e;
  --panel-raised: #202c27;
  --line: #354239;
  --shadow: rgba(1, 6, 18, .38);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #101615;
  color: var(--ink);
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: #101615; }
button, input, select, textarea { font: inherit; }
button, select, input, textarea { border-radius: 6px; }
button { cursor: pointer; }
a { color: inherit; text-decoration-color: rgba(213,167,70,.55); text-underline-offset: 3px; }
a:hover { color: var(--gold-bright); }
.skip-link { position:absolute; left:-999px; top: 0; z-index: 20; padding: .7rem 1rem; background: var(--gold); color: #17110d; }
.skip-link:focus { left: 1rem; }
.site-header { min-height: 64px; padding: .75rem clamp(1rem, 3vw, 3rem); border-bottom: 1px solid var(--line); display:flex; align-items:center; gap: 1.5rem; background: rgba(16,22,21,.96); position: sticky; top: 0; z-index: 10; backdrop-filter: blur(16px); }
.brand { display: inline-flex; gap: .6rem; align-items: center; text-decoration: none; letter-spacing: -.02em; font-size: 1rem; font-weight: 600; white-space: nowrap; }
.brand b { color: var(--gold); font-weight: 600; }
.brand-mark { display:block; flex:none; width:44px; height:44px; object-fit:cover; border:1px solid #ad915a; border-radius:50%; box-shadow:0 0 0 3px rgba(223,183,101,.06); }
.nav { display:flex; gap: 1.25rem; color: var(--muted); font-size: .92rem; }
.nav a { text-decoration: none; }
.account-actions { margin-left: auto; display:flex; align-items:center; gap:.6rem; }
.shell { width: min(1480px, 100%); margin: 0 auto; padding: clamp(1.25rem, 3vw, 2.75rem); }
.market-hero { position:relative; isolation:isolate; display:flex; align-items:center; min-height:284px; overflow:hidden; padding:clamp(1.5rem,4vw,3.5rem); border:1px solid #5b5138; border-radius:12px; margin-bottom:1.75rem; background:#121c18; }
.market-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#121c18 35%,rgba(18,28,24,.92) 48%,rgba(18,28,24,.08) 77%); pointer-events:none; }
.market-hero-copy { max-width:64%; }
.market-hero h1 { font-size:clamp(2rem,4vw,3.7rem); color:#f3e5c6; }
.market-hero .lede { max-width:44ch; margin:1rem 0 1.25rem; }
.market-hero-art { position:absolute; z-index:-2; right:0; top:0; height:100%; width:54%; object-fit:cover; object-position:50% 39%; }
.market-hero .eyebrow { color:var(--gold); }

.eyebrow, .sidebar-kicker { margin: 0 0 .45rem; color: #8cc7b8; letter-spacing: .12em; text-transform: uppercase; font-size: .68rem; font-weight: 750; }
.sidebar-kicker { color: var(--faint); }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(1.7rem, 3.5vw, 2.6rem); line-height: 1.05; margin-bottom: .45rem; font-weight: 700; letter-spacing: -.025em; font-family:Georgia,"Times New Roman",serif; }
h2 { font-size: 1.05rem; font-weight: 650; }
h3 { font-size: 1rem; font-weight: 650; }
.lede { max-width: 670px; color: var(--muted); font-size: .95rem; line-height: 1.55; }
.market-note { margin:0 0 .2rem; color:var(--faint); font-size:.72rem; white-space:nowrap; }
.guide-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.25rem; align-items:end; padding:clamp(1.15rem,3vw,2rem); border:1px solid #465344; border-radius:10px; background:linear-gradient(125deg,rgba(35,47,38,.94),rgba(18,28,23,.9)); }
.guide-hero h1 { max-width:18ch; }
.guide-actions { display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; }
.guide-intro { margin:1rem 0 1.6rem; max-width:66ch; color:#c0c7b9; line-height:1.6; }
.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.guide-card { min-height:100%; border:1px solid var(--line); border-radius:9px; padding:1.05rem; background:var(--panel); }
.guide-card-wide { grid-column:1/-1; }
#privacy { scroll-margin-top:7rem; }
.guide-card h2 { display:flex; gap:.55rem; align-items:baseline; margin-bottom:.55rem; font-size:1rem; }
.guide-step { color:var(--gold); font:.72rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; }
.guide-card p, .guide-card li { color:#c0c7b9; line-height:1.55; }
.guide-card p { margin:.45rem 0 0; }
.guide-card ol { margin:.65rem 0 0; padding-left:1.25rem; }
.guide-card li + li { margin-top:.35rem; }
.guide-card strong { color:#eee9df; }
.guide-note { margin-top:1rem; border-left:3px solid var(--gold); padding:.75rem .9rem; color:#cbd1c1; background:rgba(223,183,101,.06); }
.market-layout { display:grid; grid-template-columns: 256px minmax(0, 1fr); gap: clamp(1.25rem, 2.5vw, 2.25rem); align-items:start; }
.filters { position:sticky; top: 80px; overflow:hidden; border: 1px solid var(--line); border-radius:10px; background: var(--panel); padding:0; box-shadow: 0 12px 28px var(--shadow); }
.filter-heading, .section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.filter-heading { padding:.9rem 1rem .8rem; border-bottom:1px solid var(--line); }
.filter-heading h2, .section-heading h2 { margin-bottom: 0; }
.filter-controls { padding:.15rem 1rem 1rem; }
.filter-group { border: 0; border-bottom:1px solid var(--line); padding: 1rem 0; margin: 0; }
.filter-group legend { padding: 0; color: var(--faint); font-size: .68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom: .55rem; }
label { display:block; color: var(--muted); font-size:.76rem; line-height: 1.35; }
input, select, textarea { width:100%; color:var(--ink); background: var(--field); border: 1px solid #4d5b4e; padding: .58rem .65rem; margin-top:.35rem; }
.editor-form label > input[type="radio"] { width:auto; padding:0; margin:0 .35rem 0 0; vertical-align:middle; }
textarea { min-height: 105px; resize: vertical; line-height: 1.42; }
input:focus, select:focus, textarea:focus, button:focus-visible, a:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 2px; }
.two-fields { display:grid; grid-template-columns: 1fr 1fr; gap:.65rem; }
.stat-filter-list { display:grid; gap:.55rem; }
.stat-filter { display:grid; grid-template-columns:minmax(0, 1fr) 80px; gap:.4rem; }
.stat-filter select, .stat-filter input { margin:0; }
.button, .button-quiet, .button-danger { display:inline-flex; justify-content:center; align-items:center; gap:.4rem; min-height: 2.35rem; border:1px solid transparent; padding:.5rem .8rem; text-decoration:none; font-size:.86rem; }
.button { color:#211b0f; background: var(--gold); border-color:#f0ce8a; font-weight:650; }
.button:hover { background: var(--gold-bright); color:#211b0f; }
.button-quiet { color:var(--muted); background: transparent; border-color:#4d5b4e; }
.button-quiet:hover { border-color:#8cc7b8; background:rgba(140,199,184,.07); color:var(--ink); }
.button-danger { color:#fecdd3; background: transparent; border-color:rgba(251,113,133,.56); }
.button-row { display:flex; flex-wrap:wrap; gap:.6rem; margin-top: 1rem; }
.button.small, .button-quiet.small, .button-danger.small { min-height: 1.95rem; padding: .35rem .55rem; font-size:.76rem; }
.text-button { border:0; padding:0; background:transparent; color:var(--gold); text-decoration:underline; text-underline-offset:3px; font-size:.78rem; }
.results-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap: 1rem; margin-bottom:1rem; padding:0 .1rem; }
.result-count { color:var(--muted); font-size:.84rem; }
.sort-control { display:flex; align-items:center; gap:.55rem; white-space:nowrap; }
.sort-control select { width:auto; margin:0; }
.listing-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .9rem; }
.listing-card { min-height: 310px; border:1px solid var(--line); border-radius:10px; background:var(--panel); display:flex; flex-direction:column; box-shadow:0 8px 18px rgba(1,6,18,.14); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; overflow:hidden; }
.listing-card:hover { transform:translateY(-2px); border-color:#ad915a; box-shadow:0 16px 30px rgba(1,6,18,.24); }
.listing-card-media { position:relative; height:142px; overflow:hidden; border-bottom:1px solid var(--line); background:linear-gradient(135deg,#25332b,#101916); }
.listing-card-image { width:100%; height:100%; object-fit:cover; transition:transform .28s ease; }
.listing-card:hover .listing-card-image { transform:scale(1.04); }
.listing-card-image.empty { background:radial-gradient(ellipse at center,rgba(223,183,101,.07),transparent 70%); display:grid; place-items:center; color:#8ea08d; font:800 1.15rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; }
.listing-status { position:absolute; z-index:1; top:.65rem; left:.65rem; padding:.22rem .45rem; border:1px solid rgba(238,242,248,.22); border-radius:99px; background:rgba(12,23,18,.9); color:#d5e6dc; font-size:.65rem; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.listing-card-body { padding: .9rem; display:flex; flex:1; flex-direction:column; }
.listing-card h3 { margin-bottom:.3rem; }
.listing-card h3 a { text-decoration:none; }
.item-meta, .seller-line, .listing-date { font-family:ui-sans-serif,system-ui,sans-serif; color:var(--faint); font-size:.72rem; }
.listing-card-price-row { display:flex; align-items:baseline; justify-content:space-between; gap:.5rem; margin:.7rem 0 .55rem; }
.price { margin: 0; color:var(--gold); font-size:1rem; font-weight:720; }
.price .quantity { color:var(--muted); font-size:.76rem; }
.card-arrow { color:#8cc7b8; font-size:.95rem; }
.stat-chips { list-style:none; display:flex; flex-wrap:wrap; gap:.32rem; padding:0; margin:0 0 .8rem; }
.stat-chips li { color:#d2dbc9; padding:.18rem .36rem; background:#111b17; border:1px solid #465344; border-radius:4px; font: .66rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.seller-line { display:flex; align-items:center; gap:.3rem; margin-top:auto; padding-top:.65rem; border-top:1px solid var(--line); }
.seller-line a { color:var(--muted); font-weight:650; text-decoration:none; }
.listing-date { margin-left:auto; }
.notice { margin:1rem 0; padding:.75rem .85rem; border:1px solid rgba(140,199,184,.3); border-left:3px solid #8cc7b8; border-radius:6px; background:rgba(140,199,184,.08); color:#d5e6dc; }
.notice.error { border-color:rgba(251,113,133,.3); border-left-color:#fb7185; background:rgba(251,113,133,.08); }
.notice.success { border-color:rgba(134,239,172,.3); border-left-color:#86efac; background:rgba(134,239,172,.08); }
.empty-state { border:1px dashed #4d5b4e; border-radius:10px; padding:2.2rem 1.25rem; color:var(--muted); text-align:center; }
.loading { padding: 2.5rem 0; color:var(--muted); }
.loading::before { content:""; display:inline-block; width: .9rem; height:.9rem; margin-right:.55rem; border:2px solid var(--line); border-top-color:var(--gold); border-radius:50%; animation:spin .7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.pagination { display:flex; justify-content:center; align-items:center; gap:.8rem; margin-top:2rem; color:var(--muted); }
.detail { max-width: 1020px; }
.back-link { display:inline-block; margin-bottom:1.7rem; color:var(--muted); }
.detail-grid { display:grid; grid-template-columns:minmax(0, .9fr) minmax(280px, 1.1fr); gap:clamp(1.5rem,4vw,4rem); }
.detail-media { min-height:260px; border:1px solid var(--line); border-radius:10px; background:var(--panel); display:grid; place-items:center; overflow:hidden; }
.detail-media img { width:100%; max-height:540px; object-fit:contain; }
.detail-media .empty { color:var(--faint); font:800 1.2rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.detail-copy { color:#cdd3c5; line-height:1.6; white-space:pre-wrap; }
.facts { margin:1.2rem 0; border-top:1px solid var(--line); }
.fact { display:flex; justify-content:space-between; gap:1rem; padding:.55rem 0; border-bottom:1px solid var(--line); font-size:.9rem; }
.fact span:first-child { color:var(--muted); }
.seller-panel, .editor-panel, .report-panel { border:1px solid var(--line); border-radius:10px; background:var(--panel); padding:clamp(1rem,3vw,1.5rem); }
.seller-panel { margin-top:1rem; }
.seller-panel h2 { margin-bottom:.5rem; }
.contact-template { margin-top:.9rem; padding:.7rem; color:#c8d5c3; border:1px solid #4d5b4e; border-radius:6px; background:var(--field); white-space:pre-wrap; font: .78rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.editor-layout { display:grid; grid-template-columns:minmax(0, 1fr) minmax(260px, .65fr); gap:1.5rem; align-items:start; }
.editor-form { display:grid; gap:1rem; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.form-grid .wide { grid-column:1/-1; }
.editor-stat-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:.5rem; align-items:end; }
.editor-stat-row input, .editor-stat-row select { margin:0; }
.upload-preview { min-height:160px; display:grid; place-items:center; overflow:hidden; border:1px dashed #4d5b4e; border-radius:6px; color:var(--faint); margin-top:.7rem; }
.upload-preview img { display:block; width:100%; max-height:260px; object-fit:contain; }
.proposal { margin-top:.75rem; border:1px solid rgba(223,183,101,.45); border-radius:6px; padding:.8rem; background:rgba(223,183,101,.06); }
.proposal ul { padding-left:1.2rem; margin:.5rem 0; color:var(--muted); }
.listing-table { width:100%; border-collapse:collapse; font-size:.88rem; }
.listing-table th, .listing-table td { padding:.65rem .45rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
.listing-table th { color:var(--faint); font-size:.68rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.state { display:inline-block; padding:.18rem .38rem; border:1px solid #4d5b4e; border-radius:99px; color:var(--muted); font:700 .66rem ui-sans-serif,system-ui,sans-serif; letter-spacing:.04em; text-transform:uppercase; }
.state.active { border-color:#3e7652; color:#86efac; }.state.sold { border-color:#816b32; color:#f6dd8e; }.state.withdrawn { border-color:#77505b; color:#fecdd3; }
.state.expired { border-color:#8a6336; color:#f7c984; }
.account-card { margin-top:1.5rem; max-width:480px; }
.admin-search { display:flex; align-items:end; gap:.7rem; max-width:620px; margin-bottom:1.2rem; }
.admin-search label { flex:1; }
.admin-account-results { display:grid; gap:1rem; }
.admin-service-budget, .admin-account-card { border:1px solid var(--line); border-radius:10px; background:var(--panel); padding:clamp(1rem,3vw,1.35rem); }
.admin-service-budget { display:flex; justify-content:space-between; gap:1.25rem; align-items:start; }
.admin-service-budget h2 { margin-bottom:0; }
.admin-account-list { display:grid; gap:.9rem; }
.admin-account-heading { display:flex; justify-content:space-between; gap:1rem; align-items:start; }
.admin-account-heading h2 { margin-bottom:.25rem; }
.admin-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; margin:.9rem 0; }
.admin-metrics div { min-width:0; padding:.6rem .65rem; border:1px solid #465344; border-radius:6px; background:#111b17; }
.admin-metrics dt { color:var(--faint); font-size:.65rem; line-height:1.25; }
.admin-metrics dd { margin:.24rem 0 0; color:#dce8d5; font-size:.88rem; font-weight:650; overflow-wrap:anywhere; }
.admin-limits { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:.45rem; }
.admin-account-card h3 { margin:.9rem 0 .4rem; }
.admin-limit-form { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--line); }
.admin-limit-form .button-row { margin-bottom:0; }
.admin-limit-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; }
.site-footer { border-top:1px solid var(--line); margin-top:3rem; padding:2rem clamp(1rem,3vw,3rem); color:var(--faint); font-size:.78rem; line-height:1.5; }
.site-footer p { max-width:650px; }
.site-footer a { color:#b8d8c8; }
.modal-backdrop { position:fixed; inset:0; display:grid; place-items:center; padding:1rem; background:rgba(0,0,0,.66); z-index:30; }
.modal { width:min(540px,100%); max-height:calc(100vh - 2rem); overflow:auto; border:1px solid #4d5b4e; border-radius:10px; padding:1.25rem; background:var(--panel); box-shadow:0 20px 80px #030811; }
.modal h2 { margin-bottom:.6rem; }.modal p { color:var(--muted); line-height:1.45; }
.copy-value { width:100%; min-height:72px; color:#d9e4d2; resize:none; }
@media (max-width: 760px) { .site-header { flex-wrap:wrap; gap:.7rem 1rem; padding:.8rem 1rem; }.nav { order:3; width:100%; overflow:auto; }.market-layout { grid-template-columns:1fr; }.filters { position:static; }.filter-controls { display:none; }.filters.open .filter-controls { display:block; }.filters:not(.open) { padding-bottom:0; }.market-hero,.guide-hero { align-items:start; flex-direction:column; }.market-note { white-space:normal; }.guide-hero { display:flex; }.guide-grid { grid-template-columns:1fr; }.detail-grid,.editor-layout { grid-template-columns:1fr; }.listing-table { min-width:600px; }.table-wrap { overflow:auto; }.form-grid { grid-template-columns:1fr; }.form-grid .wide { grid-column:auto; }.admin-search,.admin-service-budget { align-items:stretch; flex-direction:column; }.admin-metrics,.admin-limits,.admin-limit-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width: 761px) { .filter-toggle { display:none; } }

@media (max-width:760px) {
  .market-hero { min-height:270px; padding:1.5rem; justify-content:center; }
  .market-hero-copy { max-width:82%; }
  .market-hero-art { width:100%; opacity:.48; object-position:50% 37%; }
  .market-hero::after { background:linear-gradient(90deg,rgba(18,28,24,.98),rgba(18,28,24,.78) 55%,rgba(18,28,24,.2)); }
  .market-hero h1 { max-width:12ch; }
  .market-hero .lede { font-size:.88rem; }
  .brand { font-size:.95rem; }
  .brand-mark { width:36px; height:36px; }
  .account-actions .button-quiet { font-size:.76rem; padding:.45rem .55rem; }
}
@media (prefers-reduced-motion:reduce) {
  .listing-card, .listing-card-image { transition:none; }
  .listing-card:hover, .listing-card:hover .listing-card-image { transform:none; }
  .loading::before { animation:none; }
}
