:root {
  --bg: #140b20;              /* legacy fallback; Evollect v37 overrides below */
  --bg-panel: #1c1129;
  --bg-input: #160d23;
  --border: #3a2a55;
  --text: #f1ecf9;
  --muted: #a89bc4;
  --accent: #ffc94d;          /* amber — money & value */
  --accent-2: #a78bfa;        /* holo violet — interactive */
  --holo-pink: #f471b5;       /* holo sheen trio */
  --holo-violet: #a78bfa;
  --holo-cyan: #67e8f9;
  --good: #4ade80;
  --bad: #fb7185;
  --warn: #fbbf24;
  --radius: 12px;
  font-size: 16px;
}

/* Business-only shared inventory */
.business-gate{padding:24px;border:1px solid rgba(255,201,107,.28);border-radius:22px;background:linear-gradient(135deg,rgba(255,201,107,.10),rgba(148,119,255,.08));max-width:720px}
.business-gate strong{display:block;font-size:1.15rem;margin-bottom:7px}.business-gate p{color:var(--muted);margin:0;line-height:1.55}
.business-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.business-summary>div{padding:18px;border:1px solid var(--border);border-radius:18px;background:rgba(7,17,31,.42)}
.business-summary span{display:block;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.09em}.business-summary strong{display:block;font-size:1.35rem;margin-top:5px}
.business-stock-form{display:grid;grid-template-columns:2fr 1fr .7fr .8fr auto;gap:10px;align-items:end;margin-bottom:16px;padding:16px;border:1px solid var(--border);border-radius:20px;background:rgba(7,17,31,.36)}
.business-stock-form label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:750}.business-stock-form input,.business-listing-form input,.business-listing-form select{min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--field);color:var(--text);padding:11px}
.business-stock-form button,.business-listing-form button{border:0;border-radius:12px;padding:12px 15px;background:var(--mint);color:#07111f;font-weight:850;white-space:nowrap}
.business-inventory-list{display:grid;gap:11px}.business-stock-row{padding:16px;border:1px solid var(--border);border-radius:19px;background:rgba(13,26,45,.72)}
.business-stock-head,.business-stock-foot{display:flex;gap:12px;align-items:center;justify-content:space-between}.business-stock-head strong,.business-stock-head small{display:block}.business-stock-head small,.business-stock-foot small{color:var(--muted);margin-top:4px}
.business-available{padding:6px 10px;border-radius:999px;background:rgba(115,242,194,.11);color:var(--mint);font-size:.7rem;font-weight:850}.business-available.empty{background:rgba(255,125,144,.11);color:#ff8fa0}
.business-channel-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.business-channel-list span{padding:5px 9px;border-radius:999px;background:rgba(98,216,255,.1);color:#91e4ff;font-size:.7rem;font-weight:750}
.business-channel-row{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid rgba(98,216,255,.14);border-radius:12px;background:rgba(98,216,255,.05)}.business-channel-row span{padding:0;background:transparent}.business-channel-row strong{color:var(--coral,#ff7d90);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}.business-channel-row.needs-update{border-color:rgba(255,125,144,.38);background:rgba(255,125,144,.07)}.business-channel-row .link-btn{font-size:.7rem}
.business-listing-form{display:grid;grid-template-columns:1fr .65fr .8fr 1.8fr auto;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid var(--border)}
.business-listing-prep{margin-top:16px}.business-listing-prep>summary{cursor:pointer;color:var(--muted);font-weight:800;padding:12px 0}
@media(max-width:850px){.business-stock-form{grid-template-columns:1fr 1fr}.business-stock-form label:first-child{grid-column:1/-1}.business-listing-form{grid-template-columns:1fr 1fr}.business-listing-form input[type=url]{grid-column:1/-1}}
@media(max-width:540px){.business-summary{grid-template-columns:1fr}.business-stock-form,.business-listing-form{grid-template-columns:1fr}.business-stock-form label:first-child,.business-listing-form input[type=url]{grid-column:auto}}

* { box-sizing: border-box; }

body {
  margin: 0;
  background:
    radial-gradient(1200px 500px at 50% -100px, rgba(61, 125, 255, 0.14), transparent 70%),
    var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55;
}

.workspace-rail { display:none; }
.command-search,.header-tools,.mobile-header-tools { display:none; }

.wrap {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 20px;
}

.site-header {
  border-bottom: 1px solid var(--border);
  background: rgba(20, 11, 32, 0.9);
  position: sticky;
  top: 0;
  -webkit-backdrop-filter: blur(8px); /* Safari */
  backdrop-filter: blur(8px);
  z-index: 10;
}

.site-header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
}

.brand { font-weight: 800; font-size: 1.1rem; letter-spacing: -0.02em; }

.site-header nav { display: flex; gap: 4px; flex-wrap: wrap; }
.site-header nav a {
  color: var(--muted);
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 999px;
  transition: color 0.15s ease, background 0.15s ease;
}
.site-header nav a:hover { color: var(--text); background: rgba(255, 255, 255, 0.06); }
.site-header nav a.active { color: #1a1a1a; background: var(--accent); font-weight: 700; }

.hero { text-align: center; padding: 52px 0 30px; }
.hero h1 {
  font-size: 2.3rem;
  margin: 0 0 12px;
  letter-spacing: -0.03em;
  background: linear-gradient(120deg, #fff 30%, var(--accent) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff; /* fallback where background-clip:text is unsupported */
}
.tagline { color: var(--muted); max-width: 620px; margin: 0 auto; font-size: 1.02rem; }
.search-language{width:auto;min-width:104px;border:0;border-left:1px solid var(--border);border-radius:0 13px 13px 0;background:transparent;color:var(--text);font-size:.75rem}
@media(max-width:520px){.search-language{min-width:82px;font-size:.66rem;padding-inline:8px}.search-box input{min-width:0}}

.hero-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}
.pill {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text);
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(24, 28, 47, 0.7);
}

.calc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
  margin-bottom: 28px;
}
.calc-grid > .panel { min-width: 0; }

@media (max-width: 820px) {
  .calc-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: 1.5rem; }
}

.panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 60px), var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}

.panel h2 { font-size: 1.05rem; margin: 18px 0 10px; color: var(--accent); }
.panel h2:first-child { margin-top: 0; }
.panel h3 { font-size: 0.95rem; margin: 18px 0 8px; }

label {
  display: block;
  font-size: 0.85rem;
  color: var(--muted);
  margin: 12px 0 4px;
}

input, select {
  width: 100%;
  padding: 9px 11px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  font-size: 0.95rem;
  font-family: inherit; /* Safari/Firefox don't inherit form fonts */
  color-scheme: dark;   /* dark native pickers/spinners in all engines */
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239aa3c0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 30px;
}

input[type="search"] {
  -webkit-appearance: none;
  appearance: none;
}

input:focus, select:focus {
  outline: none;
  border-color: var(--accent-2);
  box-shadow: 0 0 0 3px rgba(61, 125, 255, 0.25);
}
input, select, button { transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, transform 0.1s ease; }

.row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: end; }
.row label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.hint { font-size: 0.78rem; color: var(--muted); margin: 6px 0 0; }
.muted { color: var(--muted); font-weight: 400; }

.grade-table { margin-top: 8px; }
.grade-head, .grade-row {
  display: grid;
  grid-template-columns: 56px 1fr 1.2fr 62px;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.grade-head { font-size: 0.78rem; color: var(--muted); margin-bottom: 4px; }
.grade-label { font-weight: 600; }

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  height: 6px;
  border-radius: 3px;
  background: var(--border);
  border: none;
  cursor: pointer;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--accent);
  border: 2px solid #1a1a1a;
}
input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--accent);
  border: 2px solid #1a1a1a;
}
input[type="range"]::-moz-range-track {
  height: 6px;
  border-radius: 3px;
  background: var(--border);
}
.pct { text-align: right; padding: 6px 8px; }

.sold-links {
  margin-top: 12px;
  font-size: 0.82rem;
  line-height: 2;
}
.sold-label { color: var(--muted); margin-right: 2px; }
.sold-links a {
  color: var(--accent-2);
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 3px 10px;
  margin-right: 6px;
  white-space: nowrap;
}
.sold-links a:hover { border-color: var(--accent-2); }

.chip-uk { border-color: var(--accent); color: var(--accent); }
.chip-uk:hover { background: var(--accent); color: #1a1a1a; }

.results { position: sticky; top: 76px; }

.verdict {
  font-size: 1.5rem;
  font-weight: 800;
  padding: 14px 18px;
  border-radius: 10px;
  text-align: center;
  background: var(--bg-input);
  border: 1px solid var(--border);
}
.verdict.grade { color: var(--good); border-color: var(--good); }
.verdict.raw { color: var(--bad); border-color: var(--bad); }
.verdict.hold { color: var(--warn); border-color: var(--warn); }

.verdict-reason { color: var(--muted); font-size: 0.9rem; margin: 10px 0 0; }

.stats { margin-top: 16px; }
.stat {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
  font-size: 0.95rem;
}
.stat-label { color: var(--muted); }
.stat-value { font-weight: 600; font-variant-numeric: tabular-nums; }
.stat-value.pos { color: var(--good); }
.stat-value.neg { color: var(--bad); }

.outcome-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
  font-variant-numeric: tabular-nums;
}
.outcome-table th, .outcome-table td {
  text-align: right;
  padding: 6px 8px;
  border-bottom: 1px solid var(--border);
}
.outcome-table th:first-child, .outcome-table td:first-child { text-align: left; }
.outcome-table .pos { color: var(--good); }
.outcome-table .neg { color: var(--bad); }

.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.actions button { min-width: 110px; }

button {
  flex: 1;
  padding: 11px 14px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(180deg, #4f8bff, #2f6ae6);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(47, 106, 230, 0.35);
}
button:hover { filter: brightness(1.1); transform: translateY(-1px); }
button:active { transform: translateY(0); }
button:disabled { opacity: 0.45; cursor: not-allowed; transform: none; }
#copyReport, #saveCard {
  background: linear-gradient(180deg, #ffd166, #f7a928);
  color: #1a1a1a;
  box-shadow: 0 2px 10px rgba(243, 189, 0, 0.25);
}

/* ---------- card search ---------- */

.search-panel { margin-bottom: 20px; }

.search-box { position: relative; }
.search-box input {
  font-size: 1.05rem;
  padding: 13px 44px 13px 14px;
}

.spinner {
  position: absolute;
  right: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border: 2px solid var(--border);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.hidden { display: none !important; }
.section-anchor { display:block; position:relative; top:-84px; visibility:hidden; }

.search-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.card-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  font-weight: 400;
  cursor: pointer;
  transition: transform 0.15s ease, border-color 0.15s ease;
}
.card-result:hover {
  transform: translateY(-4px) scale(1.03);
  border-color: var(--accent);
  filter: none;
}
.cr-open { display:flex; flex-direction:column; align-items:center; gap:6px; width:100%; padding:0; border:0; color:var(--text); background:transparent; box-shadow:none; font-weight:400; }
.cr-open:hover { background:transparent; filter:none; transform:none; }
.card-result img {
  width: 100%;
  border-radius: 6px;
  aspect-ratio: 63 / 88;
  object-fit: cover;
}
.cr-name { font-size: 0.8rem; font-weight: 600; text-align: center; line-height: 1.25; }
.cr-set { font-size: 0.7rem; color: var(--muted); text-align: center; }

/* ---------- selected card ---------- */

.selected-card {
  display: flex;
  gap: 16px;
  padding: 14px;
  margin-bottom: 18px;
  background: var(--bg-input);
  border: 1px solid var(--accent);
  border-radius: 10px;
  align-items: flex-start;
}
.selected-card img {
  width: 130px;
  border-radius: 8px;
  aspect-ratio: 63 / 88;
  object-fit: cover;
  transition: transform 0.25s ease;
}
.sel-name { font-weight: 700; }
.sel-info { flex: 1; min-width: 0; }

.price-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.chip {
  flex: 0 1 auto;
  max-width: 100%;
  white-space: normal;
  padding: 7px 12px;
  font-size: 0.82rem;
  border-radius: 999px;
  background: var(--bg-panel);
  border: 1px solid var(--accent-2);
  color: var(--accent-2);
}
.chip:hover { background: var(--accent-2); color: #fff; filter: none; }
.chip-done { background: var(--good) !important; border-color: var(--good) !important; color: #140b20 !important; }

.price-audit {
  max-width: 620px;
  margin: 9px 0 12px;
  padding: 11px 12px;
  border: 1px solid rgba(244,113,181,0.25);
  border-radius: 10px;
  background: rgba(244,113,181,0.055);
}
.price-audit.audit-alert { border-color: rgba(255,203,5,0.28); background: rgba(255,203,5,0.045); }
.audit-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #9be9df; font-size: 0.67rem; font-weight: 750; letter-spacing: 0.05em; text-transform: uppercase; }
.audit-head strong { color: var(--good); font-size: 0.62rem; }
.audit-head .audit-fallback { color: var(--warn); }
.audit-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 9px; }
.audit-metrics span { padding: 7px; border-radius: 7px; background: rgba(3,8,15,0.36); color: var(--muted); font-size: 0.62rem; text-align: center; }
.audit-metrics b { display: block; color: var(--text); font-size: 0.86rem; font-variant-numeric: tabular-nums; }
.price-audit p { margin: 8px 0 0; color: #78889e; font-size: 0.64rem; line-height: 1.45; }

.market-pulse { margin: 11px 0 12px; padding: 14px; border: 1px solid rgba(167,139,250,0.25); border-radius: 12px; background: linear-gradient(145deg, rgba(167,139,250,0.1), rgba(14,8,22,0.62)); }
.pulse-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pulse-head div > span { display: block; color: #b79cff; font-size: 0.57rem; font-weight: 800; letter-spacing: 0.12em; }
.pulse-head strong { display: block; margin-top: 3px; font-size: 1rem; letter-spacing: -0.02em; }
.pulse-head i { width: 9px; height: 9px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 5px rgba(76,214,174,0.1), 0 0 20px rgba(76,214,174,0.5); }
.pulse-cooling .pulse-head i { background: var(--bad); box-shadow: 0 0 0 5px rgba(255,103,122,0.1), 0 0 20px rgba(255,103,122,0.45); }
.pulse-stable .pulse-head i { background: var(--accent); box-shadow: 0 0 0 5px rgba(255,201,77,0.1), 0 0 20px rgba(255,201,77,0.35); }
.market-pulse > p { margin: 9px 0 12px; color: #8593a8; font-size: 0.67rem; line-height: 1.5; }
.pulse-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.pulse-metrics > span { min-width: 0; padding: 9px; border: 1px solid var(--border-soft); border-radius: 9px; background: rgba(3,8,15,0.34); }
.pulse-metrics small, .pulse-metrics b { display: block; }
.pulse-metrics small { color: #8e7fa6; font-size: 0.56rem; }
.pulse-metrics b { margin-top: 4px; overflow: hidden; color: var(--text); font-size: 0.72rem; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- UK price trend ---------- */

.trend-chart {
  margin: 12px 0;
  padding: 12px 14px;
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: 10px;
}
.trend-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  margin-bottom: 6px;
}
.trend-change { font-variant-numeric: tabular-nums; font-weight: 700; }
.trend-chart svg { display: block; width: 100%; height: 56px; }
.trend-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.72rem;
  color: var(--muted);
  margin-top: 6px;
  text-align: center;
}
.trend-labels span:first-child { text-align: left; }
.trend-labels span:last-child { text-align: right; }
.trend-labels strong { color: var(--text); font-variant-numeric: tabular-nums; }

.link-btn {
  flex: none;
  background: none;
  border: none;
  color: var(--muted);
  font-size: 0.8rem;
  padding: 0;
  cursor: pointer;
  box-shadow: none;
}
.link-btn:hover { color: var(--bad); filter: none; }

/* ---------- chart ---------- */

.chart { margin: 8px 0 4px; }
.chart-row {
  display: grid;
  grid-template-columns: 62px 1fr 84px;
  gap: 8px;
  align-items: center;
  margin-bottom: 6px;
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
}
.chart-label { color: var(--muted); }
.chart-track {
  display: flex;
  height: 16px;
  background: var(--bg-input);
  border-radius: 4px;
  overflow: hidden;
}
.chart-half { flex: 1; position: relative; }
.chart-half.left { border-right: 1px solid var(--border); }
.chart-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  transition: width 0.35s ease;
}
.chart-half.left .chart-bar { right: 0; background: var(--bad); }
.chart-half.right .chart-bar { left: 0; background: var(--good); }
.chart-value { text-align: right; }
.chart-value.pos { color: var(--good); }
.chart-value.neg { color: var(--bad); }

/* ---------- verdict animation ---------- */

.verdict.pop { animation: pop 0.35s ease; }
@keyframes pop {
  0% { transform: scale(0.96); }
  55% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

/* ---------- quick scan ---------- */

.scan-panel { margin-bottom: 20px; }

.pro-badge {
  font-size: 0.65rem;
  vertical-align: middle;
  background: var(--accent);
  color: #1a1a1a;
  border-radius: 5px;
  padding: 2px 7px;
  letter-spacing: 0.06em;
}

.scan-controls { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0; }
.scan-controls button { flex: none; width: auto; padding: 10px 18px; }
#snapBtn { background: var(--accent); color: #1a1a1a; }

.scan-upload {
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid var(--accent-2);
  color: var(--accent-2);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  margin: 0;
}
.scan-upload:hover { background: var(--accent-2); color: #fff; }

#scanVideo {
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 10px auto;
  border-radius: 10px;
  border: 1px solid var(--border);
}

.scan-job {
  display: flex;
  gap: 14px;
  padding: 12px;
  margin-top: 12px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 10px;
}
.scan-job > img {
  width: 84px;
  border-radius: 8px;
  aspect-ratio: 63 / 88;
  object-fit: cover;
  flex: none;
}
.scan-body { flex: 1; min-width: 0; }
.scan-state { font-size: 0.9rem; font-weight: 600; margin-bottom: 8px; }

.scan-matches { display: flex; flex-wrap: wrap; gap: 8px; }
.scan-match {
  flex: none;
  display: flex;
  gap: 8px;
  align-items: center;
  width: auto;
  padding: 6px 10px 6px 6px;
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  font-weight: 500;
  font-size: 0.8rem;
  text-align: left;
}
.scan-match:hover { border-color: var(--accent); filter: none; }
.scan-match img { width: 34px; border-radius: 4px; }
.scan-match small { color: var(--muted); }

.scan-identified {
  display: flex;
  gap: 14px;
  padding: 14px;
  background: var(--bg-panel);
  border: 1px solid var(--good);
  border-radius: 10px;
  align-items: flex-start;
  animation: pop 0.35s ease;
}
.scan-identified img {
  width: 92px;
  border-radius: 6px;
  aspect-ratio: 63 / 88;
  object-fit: cover;
  flex: none;
}
.si-body { flex: 1; min-width: 0; }
.si-name { font-weight: 700; }
.si-set { font-size: 0.8rem; color: var(--muted); margin: 2px 0 10px; }
.si-change { margin-top: 8px; display: block; }
.scan-identified .scan-match-actions { max-width: 340px; }

.scan-match { flex-wrap: wrap; }
.scan-match-actions { display: flex; gap: 6px; width: 100%; }
.scan-match-actions button {
  flex: 1;
  padding: 6px 8px;
  font-size: 0.75rem;
  border-radius: 6px;
}
.scan-match-actions .sm-add { background: linear-gradient(180deg, #ffd166, #f7a928); color: #1a1a1a; }

.scan-tools { margin-top: 8px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.scan-tools input { max-width: 250px; }

.acc-premium {
  font-size: 0.78rem;
  background: var(--accent);
  color: #1a1a1a;
  border-radius: 999px;
  padding: 3px 10px;
  font-weight: 700;
}

.upgrade-btn {
  flex: none;
  width: auto;
  font-size: 0.8rem;
  padding: 7px 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd166, #f7a928);
  color: #1a1a1a;
  margin-left: 8px;
}

.portfolio-chart { margin-bottom: 16px; }
.portfolio-chart svg { height: 80px; }
.pf-single {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--accent);
  text-align: center;
  padding: 10px 0 4px;
  font-variant-numeric: tabular-nums;
}

/* ---------- centering checker ---------- */

.centering-panel { margin-bottom: 28px; }

.c-outer { color: var(--accent-2); font-weight: 600; }
.c-inner { color: var(--accent); font-weight: 600; }

#centerFile { margin: 8px 0 14px; padding: 10px; }
#centerFile::file-selector-button {
  background: var(--accent-2);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  margin-right: 12px;
  font-weight: 600;
  cursor: pointer;
}

#centerCanvas {
  display: block;
  max-width: 100%;
  margin: 0 auto 10px;
  border-radius: 10px;
  border: 1px solid var(--border);
  touch-action: none; /* guides drag with pointer events on touch screens */
}

.center-results { max-width: 560px; margin: 12px auto 0; }

.cond-title { font-size: 0.9rem; margin: 18px 0 4px; }
.cond-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
@media (max-width: 600px) { .cond-grid { grid-template-columns: 1fr; } }

.sel-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 4px 0 8px; }
.sel-actions button:not(.link-btn) {
  flex: none;
  width: auto;
  padding: 8px 14px;
  font-size: 0.85rem;
  background: linear-gradient(180deg, #ffd166, #f7a928);
  color: #1a1a1a;
}

.center-cap {
  margin: 14px 0 4px;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--bg-input);
  font-weight: 700;
  text-align: center;
}
.center-cap.good { color: var(--good); border-color: var(--good); }
.center-cap.warn { color: var(--warn); border-color: var(--warn); }
.center-cap.bad { color: var(--bad); border-color: var(--bad); }

/* ---------- trade analyser ---------- */

.trade-panel { margin-bottom: 28px; }
.trade-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 700px) { .trade-grid { grid-template-columns: 1fr; } }

.trade-side {
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px;
}
.trade-side h3 { margin: 0 0 10px; font-size: 0.95rem; color: var(--accent); }
.trade-side input { margin-bottom: 8px; }

.trade-results { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; }
.trade-hit {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  font-size: 0.8rem;
  font-weight: 500;
  text-align: left;
  box-shadow: none;
}
.trade-hit:hover { border-color: var(--accent); transform: none; }
.trade-hit img { width: 26px; border-radius: 3px; }
.trade-hit small { color: var(--muted); }

.trade-items { display: flex; flex-direction: column; gap: 6px; margin: 6px 0; }
.trade-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  background: var(--bg-panel);
  border-radius: 8px;
  font-size: 0.82rem;
}
.trade-item img { width: 26px; border-radius: 3px; }
.ti-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ti-value { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--good); }
.ti-del {
  flex: none;
  width: 24px;
  padding: 2px 0;
  font-size: 0.7rem;
  background: transparent;
  border: 1px solid var(--border);
  color: var(--muted);
  box-shadow: none;
}

.trade-total {
  text-align: right;
  font-size: 1.15rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--accent);
  border-top: 1px solid var(--border);
  padding-top: 8px;
}

#tradeVerdict { margin-top: 16px; }

/* ---------- saved cards ---------- */

.saved-panel { margin-bottom: 28px; }

.coll-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
.coll-head h2 { margin: 0 0 10px; }
.coll-tools { display: flex; gap: 8px; }
.ghost-sm {
  flex: none;
  width: auto;
  padding: 7px 13px;
  font-size: 0.8rem;
  background: transparent;
  border: 1px solid var(--border);
  color: var(--muted);
  box-shadow: none;
}
.ghost-sm:hover { border-color: var(--accent-2); color: var(--accent-2); transform: none; }

.pl-pos { color: var(--good) !important; }
.pl-neg { color: var(--bad) !important; }
.paid-note { font-size: 0.72rem; color: var(--muted); }

.cr-add {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 26px;
  height: 26px;
  padding: 0;
  line-height: 24px;
  text-align: center;
  font-size: 0.8rem;
  border-radius: 50%;
  background: rgba(20, 11, 32, 0.85);
  border: 1px solid var(--accent);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.cr-watch { position: absolute; top: 6px; left: 6px; display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; color: #fff; background: rgba(20,11,32,.86); opacity: 0; transition: opacity .15s ease; }
.cr-watch { padding:0; box-shadow:none; }
.card-result { position: relative; }
.card-result:hover .cr-add, .card-result:hover .cr-watch { opacity: 1; }
@media (hover: none) { .cr-add, .cr-watch { opacity: 1; } }

.discovery-rail { margin: 15px 0 2px; padding-top: 14px; border-top: 1px solid var(--border-soft); }
.discovery-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; color: #7c8ba1; font-size: .58rem; font-weight: 800; letter-spacing: .12em; }
.discovery-chips { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: none; }
.discovery-chips button { flex: none; min-height: 29px; padding: 5px 10px; border: 1px solid var(--border-soft); color: #aeb8c8; background: rgba(14,8,22,.48); box-shadow: none; font-size: .67rem; }
.latest-sets { display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 5px; scrollbar-width: thin; }
.latest-sets > button { display: flex; align-items: center; gap: 8px; min-width: 155px; min-height: 52px; padding: 9px; border: 1px solid var(--border-soft); color: var(--text); background: rgba(14,8,22,.5); box-shadow: none; text-align: left; }
.latest-sets img { width: 29px; height: 29px; object-fit: contain; }
.latest-sets strong, .latest-sets small { display: block; }
.latest-sets strong { max-width: 102px; overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.latest-sets small { margin-top: 2px; color: #8e7fa6; font-size: .55rem; }

.coll-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.coll-stat {
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px;
  text-align: center;
}
.coll-num {
  display: block;
  font-size: 1.35rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--accent);
}
.coll-label { font-size: 0.75rem; color: var(--muted); }
@media (max-width: 600px) {
  .coll-stats { grid-template-columns: 1fr; gap: 8px; }
  .coll-stat { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; }
  .coll-num { font-size: 1.1rem; }
}

.qty-group {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 1px solid var(--border);
  border-radius: 6px;
  overflow: hidden;
}
.qty-group button {
  flex: none;
  width: 26px;
  padding: 4px 0;
  border-radius: 0;
  background: var(--bg-panel);
  color: var(--text);
  font-size: 0.85rem;
  box-shadow: none;
}
.qty-group button:hover { background: var(--accent-2); transform: none; }
.qty-num {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0 6px;
  font-variant-numeric: tabular-nums;
}

.account-bar {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-input);
  padding: 12px 14px;
  margin-bottom: 16px;
}
.acc-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.acc-row input[type="email"] { flex: 1; min-width: 180px; }
.acc-row button:not(.link-btn) { flex: none; width: auto; padding: 9px 16px; }
.acc-who { font-weight: 600; font-size: 0.9rem; }

.saved-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 12px;
}

.saved-card {
  display: flex;
  width: 100%;
  min-width: 0;
  gap: 10px;
  padding: 10px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 10px;
  align-items: center;
}
.saved-card img, .saved-noimg {
  width: 56px;
  border-radius: 6px;
  aspect-ratio: 63 / 88;
  object-fit: cover;
  flex: none;
}
.saved-noimg {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-panel);
  font-size: 1.4rem;
}
.saved-noimg.sealed-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;text-align:center;background:radial-gradient(circle at 75% 18%,rgba(98,214,198,.25),transparent 36%),linear-gradient(145deg,rgba(91,108,231,.32),rgba(18,23,41,.95));border:1px solid rgba(167,139,250,.24)}
.saved-noimg.sealed-art b{font-size:1.45rem;color:#d9d5ff;text-shadow:0 0 22px rgba(125,139,255,.65)}
.saved-noimg.sealed-art small{font-size:.46rem;line-height:1.2;color:#aab6c8}
.saved-info { flex: 1; min-width: 0; }
.saved-name {
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.saved-verdict { font-size: 0.78rem; margin: 3px 0 6px; color: var(--muted); }
.saved-verdict strong { color: var(--text); font-variant-numeric: tabular-nums; }
.saved-source { color: var(--teal); font-size: 0.68rem; line-height: 1.35; margin: -2px 0 7px; }

.badge {
  display: inline-block;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  border-radius: 5px;
  padding: 2px 7px;
  vertical-align: 1px;
}
.badge-raw { background: rgba(61, 125, 255, 0.18); color: var(--accent-2); border: 1px solid var(--accent-2); }
.badge-watch { color: #ffc94d; border: 1px solid rgba(255,201,77,.45); background: rgba(255,201,77,.1); }
.badge-sealed { color: #aeb8ff; border: 1px solid rgba(167,139,250,.45); background: rgba(167,139,250,.1); }
.badge-graded { background: rgba(255, 203, 5, 0.15); color: var(--accent); border: 1px solid var(--accent); }

.saved-whatif {
  font-size: 0.72rem;
  color: var(--muted);
  margin-bottom: 6px;
}
.saved-whatif strong { color: var(--good); font-variant-numeric: tabular-nums; }

.saved-actions .ghost {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--muted);
  box-shadow: none;
}
.saved-actions .ghost:hover { border-color: var(--accent-2); color: var(--accent-2); }
.saved-verdict.grade { color: var(--good); }
.saved-verdict.raw { color: var(--bad); }
.saved-verdict.hold { color: var(--warn); }
.saved-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.saved-actions button {
  flex: none;
  padding: 4px 10px;
  font-size: 0.75rem;
  border-radius: 6px;
}
.saved-actions .danger { background: transparent; border: 1px solid var(--border); color: var(--muted); }
.saved-actions .danger:hover { border-color: var(--bad); color: var(--bad); filter: none; }

.affiliate { margin-bottom: 28px; }
.aff-list { padding-left: 20px; }
.aff-list li { margin-bottom: 8px; }
.aff-list a { color: var(--accent-2); }

.content { margin-bottom: 28px; }
.content h2 { color: var(--accent); font-size: 1.25rem; }
.content h3 { font-size: 1.05rem; }
.content p, .content li { color: #c7cde4; }

details {
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 10px;
}
summary { cursor: pointer; font-weight: 600; }
details p { margin: 10px 0 4px; color: #c7cde4; }

.site-footer {
  border-top: 1px solid var(--border);
  padding: 24px 0 40px;
  color: var(--muted);
  font-size: 0.8rem;
  text-align: center;
}
.site-footer a { color: var(--muted); }

/* ---------- small screens & cross-browser ---------- */

@media (max-width: 600px) {
  /* 16px stops iOS Safari zooming the page on input focus */
  input, select { font-size: 16px; }
  .grade-head, .grade-row { grid-template-columns: 48px 1fr 1fr 58px; gap: 7px; }
  .selected-card { flex-direction: row; }
  .selected-card img { width: 104px; }
  .results { position: static; }
  .stat { font-size: 0.9rem; }
  .outcome-table { font-size: 0.8rem; }
}

/* Narrow screens: the 7-item nav can't share one row with the brand, so
   stack it and let the links scroll horizontally instead of overlapping. */
@media (max-width: 760px) {
  .site-header .wrap {
    height: auto;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .site-header nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 2px;
  }
  .site-header nav::-webkit-scrollbar { display: none; }
  .site-header nav a { flex: none; white-space: nowrap; font-size: 0.9rem; }
}

@supports (-webkit-touch-callout: none) {
  /* iOS: avoid sticky panel jitter during momentum scroll */
  .results { position: static; }
}

/* ========================================================================== */
/* v13 product redesign                                                       */
/* ========================================================================== */

:root {
  --bg: #0e0816;
  --bg-panel: #0e1523;
  --bg-input: #090f1a;
  --surface-raised: #131d2e;
  --border: #243149;
  --border-soft: rgba(139, 164, 207, 0.16);
  --text: #f5f7fb;
  --muted: #93a0b7;
  --accent: #ffc94d;
  --accent-2: #7b8cff;
  --accent-cyan: #f471b5;
  --good: #58d6a6;
  --bad: #ff7d8b;
  --warn: #ffc94d;
  --radius: 16px;
  scroll-behavior: smooth;
}

section[id] { scroll-margin-top: 92px; }

body {
  min-width: 320px;
  background:
    radial-gradient(900px 520px at 78% -100px, rgba(167, 139, 250, 0.18), transparent 67%),
    radial-gradient(720px 460px at -8% 22%, rgba(244, 113, 181, 0.07), transparent 68%),
    linear-gradient(180deg, #080c16 0%, #0e0816 38%, #080d17 100%);
  letter-spacing: -0.005em;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  background-image: linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 70%);
  mask-image: linear-gradient(to bottom, #000, transparent 70%);
}

.wrap { max-width: 1180px; padding-inline: 28px; }

.site-header {
  background: rgba(7, 11, 20, 0.78);
  border-bottom-color: rgba(130, 151, 190, 0.14);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  backdrop-filter: blur(18px) saturate(1.3);
  z-index: 40;
}

.site-header .wrap { height: 70px; gap: 22px; }

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  text-decoration: none;
  font-weight: 760;
  font-size: 1.02rem;
  letter-spacing: -0.035em;
  white-space: nowrap;
}

.brand-mark {
  position: relative;
  width: 25px;
  height: 28px;
  flex: none;
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: 5px;
  background: linear-gradient(145deg, rgba(167,139,250,0.62), rgba(244,113,181,0.22));
  box-shadow: inset 0 0 12px rgba(255,255,255,0.12), 0 0 22px rgba(167,139,250,0.24);
}

.brand-mark::before {
  content: "";
  position: absolute;
  inset: 4px 5px 9px;
  border: 1px solid rgba(255,255,255,0.68);
  border-radius: 2px;
}

.brand-mark::after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  bottom: 4px;
  height: 3px;
  border-radius: 2px;
  background: var(--accent);
}

.brand-beta {
  padding: 2px 6px;
  border: 1px solid rgba(255,201,77,0.28);
  border-radius: 999px;
  color: var(--accent);
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.09em;
}

.site-header nav { gap: 2px; margin-left: auto; flex-wrap: nowrap; }
.site-header nav a {
  color: #aab4c7;
  font-size: 0.82rem;
  padding: 8px 11px;
  border-radius: 9px;
}
.site-header nav a:hover { color: #fff; background: rgba(255,255,255,0.055); }
.site-header nav a.active { color: var(--text); background: rgba(167,139,250,0.14); font-weight: 650; }

.header-cta {
  flex: none;
  padding: 9px 13px;
  color: #0d1220;
  background: var(--text);
  border-radius: 9px;
  font-size: 0.78rem;
  font-weight: 750;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
.header-cta:hover { background: var(--accent); }

.hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, 0.88fr);
  align-items: center;
  gap: clamp(44px, 7vw, 90px);
  text-align: left;
  padding: 72px 0 66px;
}

.hero::after {
  content: "";
  position: absolute;
  right: 8%;
  top: 12%;
  width: 330px;
  height: 330px;
  border: 1px solid rgba(167,139,250,0.1);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(167,139,250,0.025), 0 0 0 140px rgba(167,139,250,0.016);
  pointer-events: none;
}

.hero-copy, .hero-signal { position: relative; z-index: 1; }

.eyebrow, .section-kicker {
  color: var(--accent-cyan);
  font-size: 0.69rem;
  font-weight: 780;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 20px; }
.eyebrow > span {
  width: 18px;
  height: 1px;
  background: var(--accent-cyan);
  box-shadow: 0 0 8px var(--accent-cyan);
}

.hero h1 {
  margin: 0;
  color: var(--text);
  background: none;
  -webkit-text-fill-color: initial;
  font-size: clamp(2.8rem, 5.2vw, 4.65rem);
  line-height: 0.98;
  letter-spacing: -0.063em;
  font-weight: 780;
}

.hero h1 em {
  color: var(--accent);
  font-style: normal;
  font-weight: inherit;
}

.tagline {
  max-width: 590px;
  margin: 25px 0 0;
  color: #a7b2c5;
  font-size: clamp(1rem, 1.3vw, 1.12rem);
  line-height: 1.68;
}

.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.primary-cta, .secondary-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 11px;
  font-size: 0.86rem;
  font-weight: 730;
  text-decoration: none;
}
.primary-cta { color: #11141b; background: var(--accent); box-shadow: 0 12px 32px rgba(255,201,77,0.17); }
.primary-cta:hover { background: #ffdc8c; transform: translateY(-1px); }
.secondary-cta { color: var(--text); border: 1px solid var(--border); background: rgba(255,255,255,0.026); }
.secondary-cta:hover { border-color: #4b5b77; background: rgba(255,255,255,0.045); }

.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 24px;
  margin-top: 31px;
  color: #758299;
  font-size: 0.72rem;
}
.hero-proof span { position: relative; padding-left: 14px; }
.hero-proof span::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 4px; height: 4px; border-radius: 50%; background: #56647e; }
.hero-proof strong { color: #bac3d2; font-weight: 650; }

.hero-signal {
  padding: 22px;
  border: 1px solid rgba(141,158,196,0.2);
  border-radius: 22px;
  background: linear-gradient(150deg, rgba(21,31,50,0.92), rgba(10,16,28,0.94));
  box-shadow: 0 28px 80px rgba(0,0,0,0.38), inset 0 1px rgba(255,255,255,0.04);
  transform: rotate(1.25deg);
}
.hero-signal::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(130deg, rgba(244,113,181,0.18), transparent 35%, rgba(167,139,250,0.2));
  filter: blur(18px);
  opacity: 0.62;
}
.signal-top { display: flex; justify-content: space-between; align-items: center; }
.signal-label { color: #77849a; font-size: 0.63rem; font-weight: 800; letter-spacing: 0.14em; }
.live-dot { display: inline-flex; align-items: center; gap: 6px; color: #9ca8ba; font-size: 0.65rem; }
.live-dot i { width: 6px; height: 6px; border-radius: 50%; background: var(--good); box-shadow: 0 0 9px var(--good); }
.signal-card-row { display: flex; gap: 15px; align-items: center; margin: 26px 0 22px; }
.signal-slab {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 54px;
  height: 72px;
  padding: 8px 6px 7px;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 7px;
  background: linear-gradient(160deg, rgba(167,139,250,0.45), rgba(8,15,27,0.82));
  box-shadow: inset 0 0 18px rgba(255,255,255,0.06);
}
.signal-slab span { color: var(--accent); font-size: 1.35rem; font-weight: 850; line-height: 1; }
.signal-slab i { width: 100%; padding-top: 5px; border-top: 1px solid rgba(255,255,255,0.16); color: #aab7cd; font-size: 0.5rem; font-style: normal; font-weight: 800; text-align: center; letter-spacing: 0.1em; }
.signal-card-row > div:last-child { display: flex; flex-direction: column; }
.signal-kicker { color: #7f8ca3; font-size: 0.66rem; }
.signal-card-row strong { margin-top: 3px; font-size: 1.25rem; letter-spacing: -0.025em; }
.signal-card-row small { margin-top: 4px; color: var(--good); font-size: 0.68rem; }
.signal-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.signal-metrics div { padding: 11px 9px; border: 1px solid var(--border-soft); border-radius: 10px; background: rgba(3,8,15,0.36); }
.signal-metrics span { display: block; color: #8e7fa6; font-size: 0.58rem; white-space: nowrap; }
.signal-metrics strong { display: block; margin-top: 5px; font-size: 0.86rem; font-variant-numeric: tabular-nums; }
.signal-metrics .signal-safe { color: var(--good); }
.signal-chart { display: flex; align-items: end; gap: 7px; height: 61px; margin-top: 18px; padding: 0 8px 8px; border-bottom: 1px solid var(--border-soft); }
.signal-chart span { flex: 1; min-width: 4px; border-radius: 4px 4px 1px 1px; background: linear-gradient(to top, rgba(167,139,250,0.18), #7b8cff); }
.hero-signal > p { margin: 12px 0 0; color: #6f7d93; font-size: 0.63rem; text-align: center; }

.section-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 34px;
  margin: 12px 0 18px;
}
.section-intro h2 { margin: 6px 0 0; font-size: clamp(1.55rem, 2.4vw, 2.05rem); letter-spacing: -0.04em; }
.section-intro > p { max-width: 470px; margin: 0 0 2px; color: var(--muted); font-size: 0.84rem; line-height: 1.6; }
.quick-intro { margin-top: 8px; }
.lab-intro { margin-top: 78px; }

.quick-start-grid { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 16px; }

.app-dashboard { position:relative; margin: 6px 0 70px; padding: 26px; overflow: hidden; border: 1px solid rgba(165,150,195,.22); border-radius: 22px; background:radial-gradient(620px 300px at 92% -10%,rgba(130,105,255,.16),transparent 66%),radial-gradient(420px 260px at 0% 100%,rgba(45,207,183,.08),transparent 72%),linear-gradient(145deg,rgba(20,30,51,.97),rgba(8,14,24,.98)); box-shadow: 0 26px 80px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035); }
.dashboard-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.dashboard-head h2 { margin: 5px 0 3px; font-size: 1.55rem; letter-spacing: -.04em; }
.dashboard-head p { margin: 0; color: #7c8a9f; font-size: .73rem; }
.dashboard-open { flex: none; padding: 9px 12px; border: 1px solid var(--border-soft); border-radius: 10px; color: #b6c0d0; font-size: .7rem; font-weight: 700; text-decoration: none; }
.home-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--border-soft); border-radius: 14px; background: var(--border-soft); }
.home-metrics > div { min-width: 0; padding: 16px; background: rgba(14,8,22,.82); }
.home-metrics span,.home-metrics strong,.home-metrics small { display: block; }
.home-metrics span { color: #8e7fa6; font-size: .58rem; }
.home-metrics strong { margin-top: 7px; overflow: hidden; font-size: 1.25rem; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.home-metrics small { margin-top: 4px; color: #8e7fa6; font-size: .56rem; }
.metric-positive { color: var(--good); }.metric-negative { color: var(--bad); }
.dashboard-body { display: grid; grid-template-columns: 1.25fr .75fr; gap: 11px; margin-top: 11px; }
.dashboard-card { padding: 16px; border: 1px solid var(--border-soft); border-radius: 14px; background: rgba(14,8,22,.45); }
.dashboard-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
.dashboard-card-head span { color: #8f9cff; font-size: .57rem; font-weight: 850; letter-spacing: .12em; }
.dashboard-card-head small { color: #68768b; font-size: .56rem; }
#focusQueue { display: grid; gap: 5px; }
#focusQueue a { display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 10px; padding: 9px; border-radius: 10px; color: var(--text); text-decoration: none; transition: background .18s ease; }
#focusQueue a:hover { background: rgba(167,139,250,.08); }
#focusQueue i { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; color: #b5beff; background: rgba(167,139,250,.1); font-style: normal; }
#focusQueue span strong,#focusQueue span small { display: block; }
#focusQueue span strong { font-size: .69rem; } #focusQueue span small { margin-top: 2px; color: #8e7fa6; font-size: .56rem; }
#focusQueue b { display: grid; place-items: center; min-width: 24px; height: 24px; border-radius: 8px; color: #dce2ec; background: rgba(255,255,255,.055); font-size: .64rem; }
#marketBrief { display: flex; align-items: center; gap: 17px; min-height: 116px; }
.coverage-ring { --coverage:0%; display: grid; place-items: center; flex: none; width: 82px; height: 82px; border-radius: 50%; background: conic-gradient(var(--accent-cyan) var(--coverage),rgba(167,139,250,.1) 0); position: relative; }
.coverage-ring::after { content:""; position:absolute; inset:8px; border-radius:50%; background:#0a111d; }
.coverage-ring strong,.coverage-ring span { position:relative; z-index:1; display:block; text-align:center; }
.coverage-ring strong { font-size:1rem; }.coverage-ring span { margin-top:-17px; color:#8e7fa6; font-size:.5rem; }
.coverage-list { display:grid; gap:8px; min-width:0; }.coverage-list span { display:flex; align-items:center; gap:6px; color:#7f8da2; font-size:.58rem; }.coverage-list b { color:#dfe4ed; }.dot { width:6px;height:6px;border-radius:50%;background:#66758a;}.dot.verified{background:var(--good)}.dot.fallback{background:var(--accent)}.dot.guarded{background:#8f9cff}
.dashboard-actions { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:11px; }
.dashboard-actions a, .dashboard-actions button { display:flex; align-items:center; gap:9px; width:100%; padding:11px; border:1px solid var(--border-soft); border-radius:11px; color:var(--text); background:rgba(14,8,22,.38); text-align:left; text-decoration:none; }
.dashboard-actions i { display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:8px;color:#b8c1ff;background:rgba(167,139,250,.1);font-style:normal;}.dashboard-actions strong,.dashboard-actions small{display:block}.dashboard-actions strong{font-size:.66rem}.dashboard-actions small{margin-top:2px;color:#8e7fa6;font-size:.53rem}
.market-showcase { margin-top:18px; padding-top:18px; border-top:1px solid var(--border-soft); }
.showcase-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:12px; }
.showcase-head h3 { margin:4px 0 0; font-size:1rem; letter-spacing:-.025em; }
.showcase-head a { color:#9ca9bc; font-size:.65rem; font-weight:700; text-decoration:none; }
.showcase-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px,1fr); gap:10px; overflow-x:auto; padding:2px 1px 9px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
.showcase-card { position:relative; display:grid; grid-template-columns:95px 1fr; align-items:center; gap:13px; min-width:0; padding:11px; overflow:hidden; border:1px solid rgba(165,150,195,.18); border-radius:15px; color:var(--text); background:linear-gradient(135deg,rgba(167,139,250,.11),rgba(14,8,22,.64)); box-shadow:0 12px 30px rgba(0,0,0,.12); text-align:left; scroll-snap-align:start; }
.showcase-card::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 60%,rgba(244,113,181,.05)); pointer-events:none; }
.showcase-card:hover { border-color:rgba(167,139,250,.5); background:linear-gradient(135deg,rgba(167,139,250,.16),rgba(14,8,22,.65)); transform:translateY(-2px); filter:none; }
.showcase-art { position:relative; height:132px; overflow:hidden; border-radius:10px; background:#0a101b; box-shadow:0 9px 24px rgba(0,0,0,.32); }
.showcase-art img { width:100%; height:100%; object-fit:contain; object-position:center; }
.showcase-copy { min-width:0; }.showcase-copy small,.showcase-copy strong,.showcase-copy em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.showcase-copy small { color:#71d8cb; font-size:.52rem; }.showcase-copy strong { margin-top:5px; font-size:.7rem; }.showcase-copy em { margin-top:4px; color:#728096; font-size:.54rem; font-style:normal; }
.showcase-card > i { position:absolute; right:9px; top:8px; color:#68778c; font-size:.65rem; font-style:normal; }

@media (min-width: 1120px) {
  body { padding-left:236px; background:radial-gradient(900px 520px at 72% -8%,rgba(91,110,255,.18),transparent 68%),radial-gradient(680px 460px at 28% 22%,rgba(41,201,178,.07),transparent 68%),#0e0816; }
  .workspace-rail { position:fixed; inset:0 auto 0 0; z-index:80; display:flex; flex-direction:column; width:236px; padding:22px 15px 16px; overflow-y:auto; scrollbar-width:thin; border-right:1px solid rgba(143,162,199,.14); background:linear-gradient(180deg,rgba(12,18,31,.99),rgba(6,10,18,.99)); box-shadow:18px 0 60px rgba(0,0,0,.16); }
  .rail-brand { padding:0 9px; font-size:1rem; }
  .rail-mode { display:flex; align-items:center; gap:9px; margin:24px 4px 17px; padding:10px; border:1px solid rgba(167,139,250,.2); border-radius:12px; background:linear-gradient(135deg,rgba(167,139,250,.13),rgba(244,113,181,.05)); }
  .rail-mode-icon { display:grid; place-items:center; width:31px;height:31px;border-radius:9px;color:#e2d080;background:linear-gradient(145deg,#34406e,#18213c); }
  .rail-mode span:nth-child(2) { min-width:0; flex:1; }.rail-mode strong,.rail-mode small{display:block}.rail-mode strong{font-size:.7rem}.rail-mode small{margin-top:2px;color:#8e7fa6;font-size:.52rem}.rail-mode b{color:#758399;font-size:.6rem}
  .workspace-rail nav { display:flex; flex-direction:column; gap:3px; }
  .rail-label { margin:16px 10px 5px; color:#536177; font-size:.51rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
  .workspace-rail nav a { display:grid; grid-template-columns:28px 1fr auto; align-items:center; min-height:39px; padding:5px 9px; border-radius:10px; color:#8f9caf; text-decoration:none; transition:color .18s ease,background .18s ease,transform .18s ease; }
  .workspace-rail nav a:hover { color:#fff; background:rgba(255,255,255,.045); transform:translateX(2px); }
  .workspace-rail nav a.active { color:#fff; background:linear-gradient(90deg,rgba(167,139,250,.2),rgba(167,139,250,.06)); box-shadow:inset 2px 0 #8b98ff; }
  .workspace-rail nav a i { font-style:normal;color:#b79cff;font-size:.82rem; }.workspace-rail nav a span{font-size:.68rem;font-weight:620}.workspace-rail nav a b{color:#59677c;font-size:.49rem;font-weight:600}.workspace-rail nav a em{padding:2px 5px;border:1px solid rgba(244,113,181,.25);border-radius:999px;color:#69d8cb;font-size:.44rem;font-style:normal;text-transform:uppercase}
  .rail-status { display:flex; align-items:center; gap:9px; margin-top:auto; padding:11px 10px; border:1px solid rgba(52,211,153,.14); border-radius:11px; background:rgba(52,211,153,.035); }.rail-status>i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good)}.rail-status strong,.rail-status small{display:block}.rail-status strong{font-size:.59rem}.rail-status small{margin-top:2px;color:#627187;font-size:.49rem}
  .rail-account { display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;margin-top:9px;padding:9px;color:var(--text);text-decoration:none; }.rail-account>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#101521;background:linear-gradient(145deg,#ffc94d,#b9a4ff);font-size:.58rem;font-weight:850}.rail-account strong,.rail-account small{display:block}.rail-account strong{font-size:.58rem}.rail-account small{color:#66758a;font-size:.48rem}.rail-account b{color:#59677c;font-size:.5rem}
  .site-header { left:236px; }
  .site-header .wrap { max-width:1260px; height:72px; }
  .site-header .brand,.site-header nav,.header-cta { display:none; }
  .command-search { display:flex;align-items:center;gap:9px;width:min(500px,48vw);min-height:42px;padding:0 11px;border:1px solid rgba(172,156,205,.17);border-radius:12px;color:#8e7fa6;background:rgba(14,8,22,.55);box-shadow:none;text-align:left; }
  .command-search:hover { border-color:rgba(167,139,250,.4);background:rgba(10,16,29,.75);filter:none;transform:none}.command-search i{color:#b79cff;font-style:normal}.command-search span{flex:1;font-size:.66rem}.command-search kbd{padding:3px 6px;border:1px solid #2b3850;border-radius:6px;color:#6e7d93;background:#0b111d;font:600 .52rem inherit}
  .header-tools { display:flex;align-items:center;gap:7px;margin-left:auto; }.header-tools a,.header-tools button{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid rgba(172,156,205,.16);border-radius:10px;color:#aeb8c8;background:rgba(7,12,22,.5);font-size:.64rem;font-weight:700;text-decoration:none}.header-tools a:hover,.header-tools button:hover{border-color:rgba(167,139,250,.42);color:#fff}.header-tools .header-add{color:#101521;border-color:transparent;background:linear-gradient(135deg,#ffc94d,#d8b6ff)}
  main.wrap { width:calc(100% - 44px);max-width:1260px;padding-inline:22px; }
  .hero { grid-template-columns:minmax(0,.95fr) minmax(350px,.75fr); }
  .app-dashboard { border-color:rgba(167,139,250,.22);background:linear-gradient(145deg,rgba(19,28,48,.97),rgba(18,11,29,.98)); }
}
.quick-start-grid > .panel { min-width: 0; margin-bottom: 0; }
.search-panel { background:radial-gradient(380px 220px at 0 0,rgba(167,139,250,.11),transparent 70%),linear-gradient(145deg,rgba(18,27,46,.94),rgba(10,17,29,.96)); }
.scan-panel { background:radial-gradient(380px 220px at 100% 0,rgba(55,216,190,.09),transparent 70%),linear-gradient(145deg,rgba(14,29,40,.94),rgba(9,17,29,.96)); }
.quick-start-grid .search-grid { grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); }

.panel {
  position: relative;
  border-color: rgba(165,150,195,0.17);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(18,27,44,0.88), rgba(12,19,32,0.93));
  box-shadow: 0 16px 48px rgba(0,0,0,0.18), inset 0 1px rgba(255,255,255,0.025);
}
.panel h2 { color: var(--text); letter-spacing: -0.025em; }
.panel-lede { margin: -3px 0 17px; color: var(--muted); font-size: 0.8rem; line-height: 1.5; }
.tool-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border: 1px solid rgba(167,139,250,0.28);
  border-radius: 11px;
  color: #b8c1ff;
  background: rgba(167,139,250,0.1);
  font-size: 1.25rem;
}
.scan-icon { color: #8ce9dd; border-color: rgba(244,113,181,0.27); background: rgba(244,113,181,0.08); font-size: 1rem; }

input, select {
  min-height: 40px;
  border-color: #293650;
  border-radius: 10px;
  background-color: rgba(14,8,22,0.7);
}
input:focus, select:focus { border-color: #7789ff; box-shadow: 0 0 0 3px rgba(167,139,250,0.14); }
button { border-radius: 10px; background: linear-gradient(180deg, #8192ff, #6677e8); box-shadow: 0 5px 18px rgba(75,91,201,0.2); }

.search-box input { border-radius: 12px; background: rgba(11,6,18,0.68); }
.scan-upload { border-radius: 10px; border-color: rgba(167,139,250,0.62); color: #a9b4ff; }
.scan-upload:hover { background: #7183ed; }
.pro-badge { margin-left: 5px; background: rgba(255,201,77,0.12); border: 1px solid rgba(255,201,77,0.4); color: var(--accent); }

.calc-grid { gap: 16px; }
.calc-grid .panel { padding: 26px; }
.calc-grid .panel > h2 { padding-top: 16px; border-top: 1px solid var(--border-soft); color: #cad2e1; font-size: 0.76rem; letter-spacing: 0.1em; }
.calc-grid .panel > h2:first-of-type { border-top: 0; padding-top: 0; }
.results { top: 88px; }
.verdict { border-radius: 13px; background: rgba(14,8,22,0.62); }
.stat { border-bottom-color: var(--border-soft); }
.trend-chart { background: rgba(14,8,22,0.44); border-color: var(--border-soft); }

.centering-panel, .trade-panel, .saved-panel, .affiliate { margin-top: 66px; }
.saved-panel { padding: 30px; overflow: hidden; }
.coll-head { align-items: flex-start; margin-bottom: 22px; }
.coll-head h2 { margin: 5px 0 3px; font-size: 1.65rem; }
.coll-head .panel-lede { margin: 0; }
.coll-tools { align-items: center; }
.ghost-sm { min-height: 37px; border-radius: 9px; color: #a8b2c3; }

.portfolio-switcher { display: flex; align-items: end; gap: 9px; margin-bottom: 16px; padding: 13px; border: 1px solid var(--border-soft); border-radius: 13px; background: rgba(14,8,22,.45); }
.portfolio-switcher > div { min-width: 190px; margin-right: auto; }
.portfolio-switcher select { margin: 5px 0 0; min-width: 190px; }
.portfolio-create { display: grid; grid-template-columns: minmax(220px,1fr) auto auto; gap: 8px; margin: -7px 0 16px; padding: 13px; border: 1px solid rgba(167,139,250,.28); border-radius: 12px; background: rgba(167,139,250,.06); }
.portfolio-create input { margin: 0; }
.history-ranges { display: flex; justify-content: flex-end; gap: 5px; margin: -8px 0 15px; }
.history-ranges button { width: auto; min-height: 28px; padding: 4px 9px; border: 1px solid var(--border-soft); color: #7d8ba0; background: transparent; box-shadow: none; font-size: .6rem; }
.history-ranges button.active { color: #fff; border-color: rgba(167,139,250,.5); background: rgba(167,139,250,.13); }
.portfolio-movers { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-bottom: 16px; }
.portfolio-movers > div { padding: 13px; border: 1px solid var(--border-soft); border-radius: 12px; background: rgba(15,9,24,.44); }
.portfolio-movers span, .portfolio-movers strong, .portfolio-movers small { display: block; }
.portfolio-movers span { color: #8e7fa6; font-size: .58rem; }
.portfolio-movers strong { margin-top: 5px; font-size: 1rem; }
.portfolio-movers small { margin-top: 3px; overflow: hidden; color: #8d99ab; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.sealed-form { margin: 18px 0; padding: 17px; border: 1px solid rgba(167,139,250,.3); border-radius: 14px; background: linear-gradient(145deg,rgba(167,139,250,.08),rgba(14,8,22,.62)); }
.sealed-head { display: flex; justify-content: space-between; align-items: flex-start; }
.sealed-head h3 { margin: 4px 0 13px; }
.sealed-fields { display: grid; grid-template-columns: minmax(210px,1fr) 170px 190px auto; gap: 8px; }
.sealed-fields input { margin: 0; }

.portfolio-actions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin: 0 0 16px; }
.portfolio-actions a, .portfolio-actions button { display: grid; grid-template-columns: 31px 1fr; grid-template-rows: auto auto; width:100%; column-gap: 9px; padding: 12px; border: 1px solid var(--border-soft); border-radius: 12px; color: var(--text); background: rgba(15,9,24,0.45); text-align:left; text-decoration: none; transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.portfolio-actions a:hover, .portfolio-actions button:hover { border-color: rgba(167,139,250,0.45); background: rgba(167,139,250,0.08); transform: translateY(-2px); }
.portfolio-actions span { grid-row: 1 / 3; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; color: #b7c0ff; background: rgba(167,139,250,0.11); }
.portfolio-actions strong { align-self: end; font-size: 0.72rem; }
.portfolio-actions small { color: #8e7fa6; font-size: 0.58rem; }

.coll-stats { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1px; margin: 0 0 16px; overflow: hidden; border: 1px solid var(--border-soft); border-radius: 14px; background: var(--border-soft); }
.coll-stat { min-height: 94px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 16px 18px; border: 0; border-radius: 0; background: rgba(7,12,21,0.78); text-align: left; }
.coll-num { color: var(--text); font-size: 1.45rem; letter-spacing: -0.035em; }
.coll-label { margin-top: 5px; color: #78869c; font-size: 0.67rem; }

.portfolio-chart { padding: 17px 18px; border-radius: 14px; }
.portfolio-chart svg { height: 105px; }

.coll-insights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}
.coll-insight {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  padding: 13px;
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  background: rgba(15,9,24,0.42);
}
.insight-icon { display: grid; place-items: center; width: 28px; height: 28px; flex: none; border-radius: 8px; background: rgba(167,139,250,0.1); color: #aeb8ff; font-size: 0.8rem; }
.coll-insight strong { display: block; color: #dce2ec; font-size: 0.76rem; }
.coll-insight span:last-child { display: block; margin-top: 3px; color: #78869b; font-size: 0.65rem; line-height: 1.4; }

.account-bar { border-color: var(--border-soft); border-radius: 12px; background: rgba(14,8,22,0.55); }
.acc-row input { flex: 1 1 210px; width: auto; min-width: 180px; }

.collection-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 150px 155px auto;
  gap: 9px;
  align-items: center;
  margin: 20px 0 3px;
}
.collection-search { position: relative; }
.collection-search > span { position: absolute; left: 13px; top: 50%; z-index: 1; color: #69788f; font-size: 1.1rem; transform: translateY(-52%); }
.collection-search input { padding-left: 37px; }
.collection-controls select, .collection-controls input { margin: 0; font-size: 0.78rem; }
.view-toggle { display: flex; padding: 3px; border: 1px solid var(--border-soft); border-radius: 10px; background: rgba(14,8,22,0.6); }
.view-toggle button { width: 33px; min-height: 32px; padding: 0; border-radius: 7px; background: transparent; color: #6f7e95; box-shadow: none; }
.view-toggle button.active { background: #24314a; color: var(--text); }
.collection-result-count { margin: 8px 0 12px; color: #748298; font-size: 0.68rem; }
.collection-empty { grid-column: 1 / -1; padding: 36px 18px; border: 1px dashed var(--border); border-radius: 12px; color: #78869c; font-size: 0.8rem; text-align: center; }

.saved-grid { grid-template-columns: repeat(auto-fill, minmax(265px, 1fr)); gap: 10px; }
.saved-card { position: relative; min-height: 125px; gap: 13px; padding: 13px; border-color: var(--border-soft); border-radius: 13px; background: rgba(15,9,24,0.66); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.saved-card:hover { z-index: 1; border-color: rgba(167,139,250,0.38); background: rgba(12,19,32,0.88); transform: translateY(-2px); }
.saved-card img, .saved-noimg { width: 67px; border-radius: 8px; }
.saved-name { padding-right: 22px; color: #edf0f6; font-size: 0.8rem; }
.saved-verdict { line-height: 1.55; }
.badge { padding: 2px 6px; border-radius: 4px; }
.saved-whatif { color: #718099; }
.saved-actions button { min-height: 27px; }
.saved-actions .danger { margin-left: auto; }

.planner-pick {
  position: absolute;
  right: 11px;
  top: 11px;
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border: 1px solid #3a4963;
  border-radius: 6px;
  background: #0a111e;
  color: transparent;
  cursor: pointer;
}
.planner-pick input { position: absolute; opacity: 0; pointer-events: none; }
.planner-pick:has(input:checked) { border-color: var(--accent-cyan); background: var(--accent-cyan); color: #081311; }
.planner-pick:has(input:checked)::after { content: "✓"; font-size: 0.72rem; font-weight: 900; }
.saved-card.planner-selected { border-color: rgba(244,113,181,0.48); box-shadow: inset 0 0 0 1px rgba(244,113,181,0.08); }

.saved-grid.list-view { grid-template-columns: 1fr; }
.saved-grid.list-view .saved-card { min-height: 92px; }
.saved-grid.list-view .saved-card img, .saved-grid.list-view .saved-noimg { width: 48px; }
.saved-grid.list-view .saved-info { display: grid; grid-template-columns: minmax(150px, 1.4fr) minmax(170px, 1fr) minmax(260px, auto); align-items: center; gap: 14px; }
.saved-grid.list-view .saved-verdict, .saved-grid.list-view .saved-whatif { margin: 0; }
.saved-grid.list-view .saved-actions { justify-content: flex-end; }

.submission-planner {
  margin-top: 26px;
  padding: 22px;
  border: 1px solid rgba(244,113,181,0.22);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(12,30,34,0.48), rgba(18,11,29,0.74));
  box-shadow: inset 0 1px rgba(255,255,255,0.025);
}
.planner-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.planner-head h3 { margin: 5px 0 4px; color: var(--text); font-size: 1.15rem; letter-spacing: -0.025em; }
.planner-head p { margin: 0; color: var(--muted); font-size: 0.74rem; }
.planner-suggest { flex: none; width: auto; min-height: 38px; padding: 8px 13px; border: 1px solid rgba(244,113,181,0.38); background: rgba(244,113,181,0.08); color: #8ee9de; box-shadow: none; font-size: 0.73rem; }
.planner-suggest:hover { background: rgba(244,113,181,0.14); filter: none; }
.planner-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 19px; }
.planner-controls label { margin: 0; color: #7f8ca0; font-size: 0.66rem; }
.planner-controls label > span { display: flex; align-items: center; height: 39px; margin-top: 5px; padding: 0 10px; border: 1px solid var(--border-soft); border-radius: 9px; background: rgba(14,8,22,0.5); }
.planner-controls b { color: #718099; font-size: 0.73rem; font-weight: 500; }
.planner-controls input { min-width: 0; min-height: 0; height: 35px; padding: 0 7px; border: 0; background: transparent; box-shadow: none; }
.planner-summary { display: grid; grid-template-columns: repeat(4, 1fr) 1.35fr; gap: 1px; margin-top: 14px; overflow: hidden; border: 1px solid var(--border-soft); border-radius: 12px; background: var(--border-soft); }
.planner-summary > div { min-width: 0; padding: 13px; background: rgba(6,12,21,0.88); }
.planner-summary span { display: block; color: #738197; font-size: 0.59rem; }
.planner-summary strong { display: block; margin-top: 6px; color: #e6ebf3; font-size: 0.88rem; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.planner-summary .planner-verdict strong { color: var(--accent); font-size: 0.75rem; white-space: normal; }
.planner-summary .planner-verdict.good strong { color: var(--good); }
.planner-summary .planner-verdict.bad strong { color: var(--bad); }
.planner-note { margin: 11px 0 0; color: #68768b; font-size: 0.62rem; }

.affiliate { opacity: 0.82; }
.content { max-width: 840px; margin-inline: auto; }
.content h2 { color: var(--text); }

@media (max-width: 980px) {
  .site-header nav a { padding-inline: 8px; }
  .header-cta { display: none; }
  .hero { grid-template-columns: 1fr 360px; gap: 36px; }
  .hero h1 { font-size: clamp(2.55rem, 5vw, 3.8rem); }
  .coll-stats { grid-template-columns: repeat(2, 1fr); }
  .saved-grid.list-view .saved-info { grid-template-columns: minmax(150px, 1fr) minmax(230px, auto); }
  .saved-grid.list-view .saved-whatif { display: none; }
  .planner-summary { grid-template-columns: repeat(4, 1fr); }
  .planner-summary .planner-verdict { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .hero { grid-template-columns: 1fr; padding: 72px 0 64px; }
  .hero-copy { max-width: 680px; }
  .hero-signal { max-width: 540px; transform: none; }
  .quick-start-grid { grid-template-columns: 1fr; }
  .section-intro { align-items: flex-start; flex-direction: column; gap: 8px; }
  .collection-controls { grid-template-columns: 1fr 1fr auto; }
  .collection-search { grid-column: 1 / -1; }
  .coll-insights { grid-template-columns: 1fr; }
  .home-metrics { grid-template-columns: 1fr 1fr; }
  .dashboard-body { grid-template-columns: 1fr; }
  .saved-grid.list-view .saved-info { display: block; }
  .saved-grid.list-view .saved-whatif { display: block; }
  .saved-grid.list-view .saved-actions { justify-content: flex-start; }
}

@media (max-width: 760px) {
  body { padding-bottom: 68px; }
  .wrap { padding-inline: 18px; }
  .site-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: rgba(7, 11, 20, 0.96);
  }
  .site-header .wrap {
    height: 58px;
    flex-direction: row;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }
  .site-header nav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 9px;
    z-index: 60;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2px;
    margin: 0;
    padding: 5px;
    overflow: visible;
    border: 1px solid rgba(172,156,205,0.2);
    border-radius: 15px;
    background: rgba(12,18,30,0.94);
    box-shadow: 0 12px 40px rgba(0,0,0,0.45);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .site-header nav a { padding: 8px 3px; overflow: hidden; font-size: 0.62rem; text-align: center; text-overflow: ellipsis; }
  .site-header nav a::before { display:block; margin-bottom:2px; font-size:1rem; line-height:1; }
  .site-header nav a[href="#dashboard"]::before { content:"▦"; }
  .site-header nav a[href="#marketHub"]::before { content:"◫"; }
  .site-header nav a[href="#scan"]::before { content:"⌗"; }
  .site-header nav a[href="#calculator"]::before { content:"◇"; }
  .site-header nav a[href="#studioHub"]::before { content:"◎"; }
  .site-header nav a[href="#scan"] { position:relative; margin-top:-17px; padding-top:8px; overflow:visible; border:1px solid rgba(167,139,250,.42); border-radius:14px; color:#fff; background:linear-gradient(145deg,#7184ff,#5367d8); box-shadow:0 10px 24px rgba(56,72,177,.42); }
  .site-header nav a[href="#scan"]::before { font-size:1.15rem; }
  .mobile-header-tools { position:absolute; right:14px; top:10px; display:flex; align-items:center; gap:7px; }
  .mobile-header-tools button,.mobile-header-tools a { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid rgba(172,156,205,.2); border-radius:11px; color:#aeb9ca; background:rgba(15,23,38,.72); box-shadow:none; font-size:.72rem; font-weight:800; text-decoration:none; }
  .mobile-header-tools a { color:#111624; border:0; background:linear-gradient(145deg,#ffc94d,#b7a7ff); }
  .brand { margin-left:0; margin-right:auto; }
  .brand-beta { display: none; }
  .hero { padding-top: 55px; }
  .hero::after { display: none; }
  .lab-intro { margin-top: 58px; }
  .centering-panel, .trade-panel, .saved-panel, .affiliate { margin-top: 48px; }
  .saved-panel { padding: 21px 16px; }
  .planner-controls { grid-template-columns: 1fr; }
  .planner-summary { grid-template-columns: repeat(2, 1fr); }
  .planner-summary .planner-verdict { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .hero { padding: 34px 0 38px; }
  .hero h1 { font-size: clamp(2.15rem, 10.5vw, 2.65rem); }
  .tagline { font-size: 0.96rem; }
  .hero-actions > a { width: 100%; }
  .hero-proof { display: none; }
  .hero-signal { display:none; }
  .app-dashboard { margin: 0 0 48px; padding: 18px 14px; border-radius:18px; }
  .dashboard-head { align-items:flex-start; flex-direction:column; gap:10px; }
  .dashboard-open { width:100%; text-align:center; }
  .home-metrics > div { padding:13px; }
  .home-metrics strong { font-size:1.05rem; }
  .dashboard-card { padding:13px; }
  .dashboard-card-head small { display:none; }
  #marketBrief { gap:13px; }
  .dashboard-actions { grid-template-columns:1fr 1fr; }
  .showcase-track { grid-auto-columns:minmax(190px,78vw); }
  .signal-metrics { grid-template-columns: 1fr; }
  .signal-metrics div { display: flex; justify-content: space-between; align-items: center; }
  .signal-metrics strong { margin: 0; }
  .panel { padding: 19px; }
  .calc-grid .panel { padding: 20px 17px; }
  .coll-stats { grid-template-columns: 1fr 1fr; }
  .coll-stat { min-height: 78px; padding: 12px; display: flex; flex-direction: column; align-items: flex-start; }
  .coll-num { font-size: 1.12rem; }
  .collection-controls { grid-template-columns: 1fr auto; }
  .collection-controls select { grid-column: auto; }
  #collSort { grid-column: 1 / 2; }
  .saved-grid { grid-template-columns: 1fr; }
  .saved-card { min-height: 116px; }
  .price-audit .audit-head { align-items: flex-start; flex-direction: column; gap: 4px; }
  .pulse-metrics { grid-template-columns: 1fr 1fr; }
  .pulse-metrics > span:last-child { grid-column: 1 / -1; }
  .portfolio-actions { grid-template-columns: 1fr 1fr; }
  .portfolio-switcher { align-items: stretch; flex-direction: column; }
  .portfolio-switcher > div, .portfolio-switcher select { width: 100%; min-width: 0; }
  .portfolio-create { grid-template-columns: 1fr; }
  .portfolio-movers { grid-template-columns: 1fr; }
  .sealed-fields { grid-template-columns: 1fr; }
  .planner-head { flex-direction: column; }
  .planner-suggest { width: 100%; }
}

/* Market, vendor and community workspace ---------------------------------- */
.studio-launchpad{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:30px;padding:18px 20px;border:1px solid rgba(167,139,250,.18);border-radius:16px;background:linear-gradient(135deg,rgba(167,139,250,.09),rgba(244,113,181,.04))}.studio-launchpad h2{margin:3px 0;font-size:1.15rem}.studio-launchpad p{margin:0;color:#8e7fa6;font-size:.6rem}.studio-launchpad nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.studio-launchpad a{display:flex;align-items:center;gap:8px;min-width:150px;padding:10px;border:1px solid rgba(165,150,195,.14);border-radius:11px;color:var(--text);background:rgba(14,8,22,.38);text-decoration:none}.studio-launchpad i{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#b8c1ff;background:rgba(167,139,250,.1);font-style:normal}.studio-launchpad strong,.studio-launchpad small{display:block}.studio-launchpad strong{font-size:.59rem}.studio-launchpad small{color:#69788d;font-size:.48rem}
.intelligence-panel,.ecosystem-panel { margin-top:58px; padding:26px; overflow:hidden; }
.intelligence-panel { background:radial-gradient(700px 350px at 100% 0,rgba(71,204,193,.11),transparent 65%),linear-gradient(145deg,rgba(16,27,44,.97),rgba(8,15,26,.98)); }
.feature-head,.feature-subhead { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.feature-head { margin-bottom:20px; }.feature-head h2,.feature-subhead h3{margin:3px 0 0}.feature-head .panel-lede{margin:5px 0 0;max-width:720px}.feature-subhead{align-items:end;margin-bottom:11px}.feature-subhead h3{font-size:1rem}
.uk-source-badge { display:flex;align-items:center;gap:7px;flex:none;padding:7px 10px;border:1px solid rgba(52,211,153,.22);border-radius:999px;color:#76ddbd;background:rgba(52,211,153,.06);font-size:.55rem;font-weight:850;letter-spacing:.08em}.uk-source-badge i{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}
.market-search-row { display:grid;grid-template-columns:1fr auto;gap:9px; }.market-search-row .collection-search{grid-column:auto}
.saved-searches { display:flex;gap:7px;min-height:33px;margin:10px 0 20px;overflow-x:auto}.saved-searches button{flex:none;padding:6px 9px;border:1px solid rgba(165,150,195,.15);border-radius:999px;color:#92a0b5;background:rgba(14,8,22,.36);box-shadow:none;font-size:.58rem}.saved-searches button span{margin-right:4px;color:#b79cff}
.market-workspace{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);gap:14px}.market-set-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.market-set-grid button{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid rgba(165,150,195,.14);border-radius:11px;color:var(--text);background:rgba(11,6,18,.38);box-shadow:none;text-align:left}.market-set-grid img,.market-set-grid i{width:31px;height:31px;object-fit:contain}.market-set-grid i{display:grid;place-items:center;color:#b79cff;font-style:normal}.market-set-grid strong,.market-set-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-set-grid strong{font-size:.61rem}.market-set-grid small{margin-top:2px;color:#64738a;font-size:.48rem}
.research-card{min-height:390px;padding:17px;border:1px solid rgba(167,139,250,.2);border-radius:15px;background:linear-gradient(145deg,rgba(167,139,250,.08),rgba(11,6,18,.48))}.research-card.empty-state{display:grid;place-items:center;align-content:center;text-align:center}.research-card.empty-state .empty-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#aeb7ff;background:rgba(167,139,250,.12);font-size:1.3rem}.research-card.empty-state h3{margin:12px 0 4px}.research-card.empty-state p{max-width:420px;color:#75849a;font-size:.65rem}.research-loading{display:grid;place-items:center;align-content:center;min-height:350px}.research-identity{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center}.research-identity img{width:74px;height:103px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.35))}.research-identity h3{margin:3px 0;font-size:1.15rem}.research-identity p{margin:0;color:#8e7fa6;font-size:.62rem}.research-price{display:flex;align-items:baseline;gap:9px;margin:14px 0;padding:12px;border:1px solid rgba(52,211,153,.13);border-radius:11px;background:rgba(52,211,153,.035)}.research-price span{color:#708098;font-size:.58rem}.research-price strong{font-size:1.18rem}.research-price small{margin-left:auto;color:#607087;font-size:.5rem}.research-tabs{display:flex;gap:14px;border-bottom:1px solid rgba(165,150,195,.13)}.research-tabs span{padding:6px 0;color:#66758a;font-size:.56rem;font-weight:700}.research-tabs .active{color:#fff;border-bottom:2px solid #b79cff}.grade-compare{display:grid;gap:7px;margin-top:11px}.grade-compare>div{display:grid;grid-template-columns:44px 1fr 64px 74px;align-items:center;gap:7px}.grade-compare span,.grade-compare small{font-size:.53rem}.grade-compare small{color:#8e7fa6;text-align:right}.grade-compare strong{font-size:.62rem;text-align:right}.grade-compare i{height:5px;border-radius:99px;background:#202a3b;overflow:hidden}.grade-compare i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d73ed,#62d2c4)}
.observed-history,.pop-report{margin-top:12px;padding:10px;border:1px solid rgba(165,150,195,.12);border-radius:10px;background:rgba(14,8,22,.28)}.observed-history>div:first-child,.pop-report{display:flex;justify-content:space-between;gap:10px}.observed-history strong,.observed-history span,.pop-report strong,.pop-report small{display:block}.observed-history strong,.pop-report strong{font-size:.57rem}.observed-history span,.pop-report small{color:#68778d;font-size:.47rem}.history-bars{display:flex;align-items:end;gap:2px;height:42px;margin-top:8px}.history-bars i{flex:1;min-width:3px;border-radius:2px 2px 0 0;background:linear-gradient(#65d3c6,#6076ea)}.pop-report{align-items:center}.pop-report b{color:#d5b968;font-size:.51rem}.research-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.research-actions a{margin-left:auto;color:#78d4c7;font-size:.56rem;text-decoration:none}
.market-results{margin-top:17px}.market-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}.market-card-grid article{padding:8px;border:1px solid rgba(165,150,195,.13);border-radius:12px;background:rgba(14,8,22,.35)}.market-card-open{display:block;width:100%;padding:0;color:var(--text);background:none;box-shadow:none;text-align:left}.market-card-open img{display:block;width:100%;height:170px;object-fit:contain}.market-card-open span{display:block;margin-top:7px}.market-card-open strong,.market-card-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-card-open strong{font-size:.62rem}.market-card-open small{color:#6f7e93;font-size:.5rem}.market-card-grid article>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.market-card-grid article>div button{padding:6px;border:1px solid rgba(167,139,250,.18);border-radius:8px;color:#adb7c7;background:rgba(167,139,250,.06);box-shadow:none;font-size:.51rem}
.market-feed-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.market-feed-card{padding:15px;border:1px solid rgba(165,150,195,.13);border-radius:13px;background:rgba(14,8,22,.32)}.market-feed-card h3{margin:3px 0 10px;font-size:.9rem}.market-feed-card>div>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:7px 0;border-top:1px solid rgba(165,150,195,.08)}.market-feed-card div b{color:#67758a;font-size:.53rem}.market-feed-card span strong,.market-feed-card span small{display:block}.market-feed-card span strong{font-size:.57rem}.market-feed-card span small{color:#637289;font-size:.48rem}.market-feed-card em{font-size:.58rem;font-style:normal;font-weight:750}.market-feed-card em.positive{color:var(--good)}.market-feed-card em.negative{color:var(--bad)}
.trade-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.trade-history-head{margin-top:22px}.trade-history{display:grid;gap:7px}.trade-history article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid rgba(165,150,195,.13);border-radius:11px;background:rgba(14,8,22,.32)}.trade-history strong,.trade-history small{display:block}.trade-history strong{font-size:.63rem}.trade-history small{color:#68768b;font-size:.51rem}.trade-history article>div{text-align:right}.trade-history b,.trade-history em{display:block;font-size:.56rem}.trade-history em{font-style:normal;text-transform:capitalize}.trade-history em.fair{color:var(--good)}.trade-history em.favourable{color:#78d4c7}.trade-history em.unfavourable{color:var(--bad)}
.ecosystem-panel{background:radial-gradient(700px 350px at 0 0,rgba(167,139,250,.1),transparent 66%),linear-gradient(145deg,rgba(16,24,41,.97),rgba(8,14,24,.98))}.vendor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vendor-card{padding:15px;border:1px solid rgba(165,150,195,.14);border-radius:13px;background:rgba(11,6,18,.38)}.vendor-card>span,.vendor-card>strong,.vendor-card>p{display:block}.vendor-card>span{color:#7c8aff;font-size:.52rem;font-weight:850;letter-spacing:.1em}.vendor-card>strong{margin-top:6px;font-size:1rem}.vendor-card>p{min-height:38px;color:#6e7d92;font-size:.56rem}.inline-field{display:flex;align-items:center;gap:7px;color:#75849a;font-size:.56rem}.inline-field input{width:70px}.channel-actions{display:flex;align-items:center;gap:8px}.channel-actions a{padding:6px 10px;border-radius:8px;color:#111827;background:var(--accent);font-size:.54rem;font-weight:750;text-decoration:none}.vendor-queue{display:grid;gap:7px;margin-top:13px}.vendor-queue article{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(165,150,195,.12);border-radius:10px;background:rgba(14,8,22,.3)}.vendor-queue strong,.vendor-queue small{display:block}.vendor-queue strong{font-size:.6rem}.vendor-queue small{color:#68778c;font-size:.49rem}.vendor-queue b,.vendor-queue em,.vendor-queue a{font-size:.54rem;font-style:normal}.vendor-queue em{color:#72d5c8}.vendor-queue a{color:#aeb8ff}.data-note{margin:12px 0 0;color:#68778c;font-size:.54rem}
.social-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(380px,1.3fr);gap:12px}.profile-card{display:grid;gap:9px;padding:15px;border:1px solid rgba(165,150,195,.14);border-radius:14px;background:rgba(14,8,22,.38)}.profile-card label{display:grid;gap:4px;color:#6f7f95;font-size:.52rem}.profile-card textarea{min-height:70px;resize:vertical}.profile-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#101521;background:linear-gradient(145deg,#ffc94d,#b9a4ff);font-size:.7rem;font-weight:900}.showcase-preview{position:relative;min-height:300px;padding:19px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#111a2a}.showcase-preview::before{content:"";position:absolute;inset:-30%;pointer-events:none;opacity:.45}.showcase-preview.theme-midnight::before{background:radial-gradient(circle at 70% 20%,#5966d8,transparent 40%)}.showcase-preview.theme-aurora::before{background:linear-gradient(120deg,#114d4d,#47389b,#0d1628)}.showcase-preview.theme-ember::before{background:radial-gradient(circle at 70% 20%,#cc4d28,transparent 45%)}.showcase-preview.theme-violet::before{background:radial-gradient(circle at 70% 20%,#8d48c7,transparent 45%)}.showcase-preview>*{position:relative}.showcase-preview-head{display:flex;align-items:center;gap:10px}.showcase-preview-head>div{min-width:0;flex:1}.showcase-preview-head strong,.showcase-preview-head small{display:block}.showcase-preview-head strong{font-size:.82rem}.showcase-preview-head small{color:#a0acc0;font-size:.54rem}.profile-badge{padding:4px 7px;border:1px solid rgba(255,201,77,.3);border-radius:999px;color:#efd27d;background:rgba(255,201,77,.08);font-size:.43rem;font-weight:850}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.preview-stats div{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(3,8,16,.3)}.preview-stats strong,.preview-stats span{display:block}.preview-stats strong{font-size:1rem}.preview-stats span{color:#9aa7bb;font-size:.48rem}.preview-card-deck{display:flex;align-items:end;height:145px;padding:10px 4px}.preview-card-deck img{width:84px;max-height:125px;object-fit:contain;margin-right:-24px;border-radius:7px;filter:drop-shadow(0 9px 11px rgba(0,0,0,.45));transform:rotate(-4deg)}.preview-card-deck img:nth-child(even){transform:translateY(-7px) rotate(3deg)}
.community-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.creator-card{padding:15px;border:1px solid rgba(165,150,195,.13);border-radius:13px;background:rgba(14,8,22,.32)}.creator-card h3{margin:3px 0 10px;font-size:.9rem}.creator-list{display:grid;gap:7px}.creator-list article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.creator-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#bac2ff;background:rgba(167,139,250,.13);font-size:.54rem;font-weight:850}.creator-list strong,.creator-list small{display:block}.creator-list strong{font-size:.59rem}.creator-list small{color:#69788d;font-size:.48rem}.creator-list button{padding:5px 8px;border:1px solid rgba(167,139,250,.2);border-radius:8px;color:#aeb7ff;background:rgba(167,139,250,.07);box-shadow:none;font-size:.5rem}.creator-list button.following{color:#72d5c8;border-color:rgba(52,211,153,.2);background:rgba(52,211,153,.06)}.creator-card textarea{width:100%;min-height:75px;resize:vertical}.comp-notes{display:grid;gap:5px;max-height:150px;margin-top:8px;overflow:auto}.comp-notes article{padding:8px;border-radius:8px;background:rgba(255,255,255,.03)}.comp-notes p{margin:0;font-size:.54rem}.comp-notes small{color:#68778c;font-size:.46rem}.community-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px;border:1px solid rgba(244,113,181,.14);border-radius:12px;background:rgba(244,113,181,.035)}.community-cta strong,.community-cta span{display:block}.community-cta strong{font-size:.64rem}.community-cta span{margin-top:3px;color:#6d7c91;font-size:.52rem}
@media(max-width:900px){.market-workspace,.social-grid{grid-template-columns:1fr}.market-feed-row,.community-row{grid-template-columns:1fr}.vendor-grid{grid-template-columns:1fr 1fr}.research-card{min-height:0}.studio-launchpad{align-items:flex-start;flex-direction:column}.studio-launchpad nav{width:100%}.studio-launchpad a{min-width:0}}
@media(max-width:600px){.intelligence-panel,.ecosystem-panel{padding:18px}.feature-head{flex-direction:column}.market-search-row,.trade-actions{grid-template-columns:1fr}.market-set-grid{grid-template-columns:1fr}.vendor-grid{grid-template-columns:1fr}.research-price{align-items:flex-start;flex-direction:column}.research-price small{margin-left:0}.grade-compare>div{grid-template-columns:38px 1fr 58px}.grade-compare small{display:none}.vendor-queue article{grid-template-columns:1fr auto}.vendor-queue article em,.vendor-queue article a{grid-column:auto}.social-grid{grid-template-columns:1fr}.preview-card-deck img{width:72px}.community-cta{align-items:flex-start;flex-direction:column}.community-cta button{width:100%}.studio-launchpad{padding:16px}.studio-launchpad nav{grid-template-columns:1fr}.studio-launchpad a{width:100%}}

.profile-card textarea,.creator-card textarea{border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--bg-input)}
@media(max-width:600px){.social-grid .showcase-preview{order:-1}}

/* v24 cinematic collector motion ----------------------------------------- */
:root{
  --ease-spring:cubic-bezier(.16,1,.3,1);
  --ease-smooth:cubic-bezier(.22,.8,.28,1);
  --motion-fast:180ms;
  --motion-medium:520ms;
}
html{scroll-padding-top:92px}
body{overflow-x:hidden;isolation:isolate}
main{position:relative;z-index:2}
.ambient-stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-image:linear-gradient(rgba(165,150,195,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(165,150,195,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.ambient-stage i{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(90px);opacity:.13;will-change:transform}
.ambient-stage i:nth-child(1){left:-18vw;top:4vh;background:#5367ff;animation:ambientDriftA 18s ease-in-out infinite alternate}
.ambient-stage i:nth-child(2){right:-16vw;top:28vh;background:#25bfa9;animation:ambientDriftB 22s ease-in-out infinite alternate}
.ambient-stage i:nth-child(3){left:34vw;bottom:-30vw;background:#9c58e8;opacity:.09;animation:ambientDriftA 26s ease-in-out infinite alternate-reverse}
.ambient-stage span{position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(transparent,rgba(255,255,255,.05),transparent);transform:rotate(22deg)}
.page-progress{position:fixed;left:0;right:0;top:0;z-index:120;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#62d6c6,#8692ff 58%,#f1ca6e);box-shadow:0 0 14px rgba(167,139,250,.7);will-change:transform}
@keyframes ambientDriftA{to{transform:translate3d(14vw,10vh,0) scale(1.12)}}
@keyframes ambientDriftB{to{transform:translate3d(-12vw,-8vh,0) scale(.9)}}

.motion-ready .reveal-target{opacity:0;transform:translate3d(0,28px,0) scale(.985);filter:blur(5px);transition:opacity .7s var(--ease-smooth) var(--reveal-delay,0ms),transform .78s var(--ease-spring) var(--reveal-delay,0ms),filter .6s ease var(--reveal-delay,0ms)}
.motion-ready .reveal-target.is-revealed{opacity:1;transform:none;filter:none}
.motion-surface{--mx:50%;--my:20%;position:relative}
.motion-surface::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(145,155,255,.075),transparent 48%);opacity:0;pointer-events:none;transition:opacity .3s ease}
.motion-surface:hover::after{opacity:1}
.motion-surface>*{position:relative;z-index:1}

.hero::before{content:"";position:absolute;left:-8%;top:7%;width:44%;height:80%;background:radial-gradient(ellipse,rgba(255,201,77,.065),transparent 68%);pointer-events:none;animation:heroGlow 5s ease-in-out infinite alternate}
@keyframes heroGlow{to{opacity:.55;transform:scale(1.08)}}
.hero h1{background:linear-gradient(110deg,#fff 0%,#fff 42%,#e8db9a 60%,#f3cb70 76%,#fff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleSheen 8s ease-in-out infinite}
.hero h1 em{background:linear-gradient(110deg,#f1ca6e,#fff0b0,#bba8ff,#f1ca6e);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@keyframes titleSheen{0%,65%,100%{background-position:0 center}82%{background-position:100% center}}
.hero-signal{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(1.25deg);transform-style:preserve-3d;transition:transform .5s var(--ease-spring),border-color .3s ease,box-shadow .4s ease;will-change:transform}
.hero-signal:hover{border-color:rgba(151,166,255,.38);box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 70px rgba(94,110,255,.11),inset 0 1px rgba(255,255,255,.08)}
.hero-signal.is-tilting{transition:transform .12s linear}
.hero-signal>*:not(.signal-orbit):not(.signal-sparks){transform:translateZ(24px)}
.signal-orbit{position:absolute;inset:-70px;z-index:-2;pointer-events:none;animation:orbitSpin 18s linear infinite}
.signal-orbit i{position:absolute;border:1px solid rgba(124,142,255,.16);border-radius:50%}
.signal-orbit i:nth-child(1){inset:0}.signal-orbit i:nth-child(2){inset:34px;border-color:rgba(99,215,198,.13)}.signal-orbit i:nth-child(3){inset:64px;border-style:dashed}
.signal-orbit i:first-child::after{content:"";position:absolute;left:48%;top:-4px;width:8px;height:8px;border-radius:50%;background:#7f8dff;box-shadow:0 0 22px #7182ff}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.signal-sparks i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 9px #fff;animation:sparkFloat 3.4s ease-in-out infinite alternate}
.signal-sparks i:nth-child(1){left:12%;top:18%}.signal-sparks i:nth-child(2){right:8%;top:34%;animation-delay:-1.4s}.signal-sparks i:nth-child(3){left:42%;bottom:8%;animation-delay:-2.1s}.signal-sparks i:nth-child(4){right:34%;top:8%;animation-delay:-.6s}
@keyframes sparkFloat{to{opacity:.2;transform:translateY(-12px) scale(.65)}}
.signal-slab{position:relative;overflow:hidden;animation:slabPulse 4s ease-in-out infinite}
.signal-slab::after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.3) 49%,transparent 62%);transform:translateX(-65%) rotate(15deg);animation:holoSweep 5s ease-in-out infinite}
@keyframes slabPulse{50%{box-shadow:inset 0 0 24px rgba(255,255,255,.1),0 0 25px rgba(167,139,250,.18)}}
@keyframes holoSweep{0%,45%{transform:translateX(-65%) rotate(15deg)}75%,100%{transform:translateX(65%) rotate(15deg)}}
.signal-chart span{transform-origin:bottom;animation:barRise .8s var(--ease-spring) both,barBreathe 3.5s ease-in-out 1s infinite alternate}
.signal-chart span:nth-child(2n){animation-delay:.07s,1.1s}.signal-chart span:nth-child(3n){animation-delay:.14s,1.2s}
@keyframes barRise{from{transform:scaleY(0);opacity:.2}}
@keyframes barBreathe{to{filter:brightness(1.3);box-shadow:0 -4px 15px rgba(167,139,250,.25)}}

button,.primary-cta,.secondary-cta,.header-add,.studio-launchpad a{position:relative;overflow:hidden;transition:transform var(--motion-fast) var(--ease-spring),border-color var(--motion-fast) ease,background var(--motion-fast) ease,box-shadow var(--motion-fast) ease}
button:active,.primary-cta:active,.secondary-cta:active,.studio-launchpad a:active{transform:scale(.97)}
.tap-ripple{position:absolute;z-index:8;width:12px;height:12px;margin:-6px;border-radius:50%;background:rgba(255,255,255,.42);pointer-events:none;animation:rippleOut .62s ease-out forwards}
@keyframes rippleOut{to{opacity:0;transform:scale(18)}}
.primary-cta{background:linear-gradient(120deg,#f0c968,#ffe29a,#d9b7ff);background-size:180% auto;animation:ctaGlow 4s ease-in-out infinite alternate}
@keyframes ctaGlow{to{background-position:100% center;box-shadow:0 16px 44px rgba(255,201,77,.27)}}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #8d9cff;outline-offset:3px;box-shadow:0 0 0 6px rgba(167,139,250,.14)}

.showcase-card,.market-card-grid article,.saved-card,.showcase-preview{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:50%;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .46s var(--ease-spring),border-color .3s ease,box-shadow .35s ease;will-change:transform}
.showcase-card.is-tilting,.market-card-grid article.is-tilting,.saved-card.is-tilting,.showcase-preview.is-tilting{transition:transform .1s linear}
.showcase-card::after,.market-card-grid article::after,.saved-card::after,.showcase-preview::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;background:radial-gradient(260px circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.16),transparent 48%);opacity:0;pointer-events:none;transition:opacity .25s ease;mix-blend-mode:screen}
.showcase-card:hover::after,.market-card-grid article:hover::after,.saved-card:hover::after,.showcase-preview:hover::after{opacity:.5}
.showcase-card:hover,.market-card-grid article:hover,.saved-card:hover{border-color:rgba(130,148,255,.42);box-shadow:0 24px 50px rgba(0,0,0,.3),0 0 34px rgba(95,111,255,.07)}
.showcase-art img,.market-card-open img,.saved-card>img,.preview-card-deck img{transition:transform .55s var(--ease-spring),filter .4s ease}
.showcase-card:hover .showcase-art img,.market-card-grid article:hover .market-card-open img{transform:scale(1.045);filter:saturate(1.12) contrast(1.04)}
.portfolio-chart svg polyline{stroke-dasharray:1200;stroke-dashoffset:1200;animation:chartDraw 1.2s var(--ease-smooth) forwards}
.portfolio-chart svg path{animation:chartFade .9s ease .25s both}
@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes chartFade{from{opacity:0}}

@media(max-width:760px){
  .site-header nav{border-color:rgba(184,198,229,.25);background:linear-gradient(145deg,rgba(22,30,48,.88),rgba(8,14,25,.93));box-shadow:0 20px 55px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08);-webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35)}
  .site-header nav a{position:relative;z-index:1;transition:color .25s ease,transform .35s var(--ease-spring),background .25s ease}
  .site-header nav a.active{color:#fff;background:linear-gradient(145deg,rgba(167,139,250,.22),rgba(244,113,181,.08));box-shadow:inset 0 1px rgba(255,255,255,.08)}
  .site-header nav a.active::after{content:"";position:absolute;left:24%;right:24%;bottom:2px;height:2px;border-radius:99px;background:linear-gradient(90deg,#71d8cb,#8e98ff);box-shadow:0 0 12px #7b8cff}
  .site-header nav a[href="#scan"]{animation:scanFloat 3s ease-in-out infinite}
  @keyframes scanFloat{50%{transform:translateY(-3px);box-shadow:0 15px 32px rgba(70,86,205,.52),0 0 28px rgba(167,139,250,.2)}}
  .ambient-stage i{width:90vw;height:90vw;opacity:.09}
}

/* v45 production access states and contained card preview. */
.access-notice{
  display:flex;align-items:center;gap:10px;margin:13px 0 16px;padding:11px 13px;
  color:#c8d7e8;border:1px solid rgba(121,237,189,.17);border-radius:13px;
  background:rgba(121,237,189,.045)
}
.access-notice>i{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;color:#061510;font-size:.72rem;font-style:normal;font-weight:900;border-radius:8px;background:#79edbd}
.access-notice span,.access-notice strong,.access-notice small{display:block}.access-notice strong{font-size:.72rem}.access-notice small{margin-top:2px;color:#8296ad;font-size:.61rem;line-height:1.4}
.oauth-unavailable{grid-column:1/-1;margin:0;padding:10px 12px;color:#8093a9;font-size:.66rem;line-height:1.45;text-align:center;border:1px solid rgba(155,181,213,.11);border-radius:10px;background:rgba(255,255,255,.018)}
.search-kind-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 11px;padding:4px;border:1px solid rgba(155,181,213,.14);border-radius:13px;background:rgba(4,11,20,.48)}
.search-kind-tabs button{min-height:38px;padding:7px 10px;color:#8497ad;border:0;border-radius:9px;background:transparent;box-shadow:none;font-size:.69rem}.search-kind-tabs button.active{color:#eafff7;background:linear-gradient(135deg,rgba(121,237,189,.14),rgba(139,111,255,.1));box-shadow:inset 0 0 0 1px rgba(121,237,189,.18)}
.card-result.sealed-result{align-items:stretch;min-height:270px;padding:9px;background:radial-gradient(220px 130px at 50% 0,rgba(121,237,189,.08),transparent 75%),var(--bg-input)}
.sealed-result .cr-open{align-items:stretch;text-align:left}.sealed-result .sealed-result-art{display:grid;place-items:center;height:165px;padding:8px;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(121,237,189,.025))}.sealed-result .sealed-result-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.sealed-result .sealed-result-art i{display:grid;place-items:center;width:62px;height:62px;color:#8bedc8;font-size:1.65rem;font-style:normal;border:1px solid rgba(121,237,189,.22);border-radius:18px;background:rgba(121,237,189,.07)}
.sealed-result .cr-name,.sealed-result .cr-set{text-align:left}.sealed-result .sealed-result-meta{display:flex;justify-content:space-between;gap:8px;color:#79dfbb;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.search-result-section{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:3px 1px}.search-result-section strong{font-size:.78rem}.search-result-section span{color:#75889f;font-size:.58rem}

.selected-card{
  position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;
  align-items:start;overflow:visible;padding:15px;border-radius:17px
}
.selected-card-preview{
  position:relative;display:block;width:132px;min-width:0;padding:0;overflow:hidden;
  color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#07111f;
  box-shadow:0 16px 35px rgba(0,0,0,.3);isolation:isolate
}
.selected-card-preview:hover{transform:translateY(-3px);filter:none;border-color:rgba(121,237,189,.55);box-shadow:0 20px 44px rgba(0,0,0,.4)}
.selected-card .selected-card-preview img{display:block;width:100%;height:auto;aspect-ratio:63/88;object-fit:cover;border:0;border-radius:10px;transform:none!important;transition:filter .2s ease}
.selected-card-preview:hover img{filter:brightness(.72)}
.selected-card-preview span{position:absolute;left:50%;bottom:10px;z-index:2;translate:-50% 6px;padding:6px 9px;opacity:0;color:#06120f;font-size:.6rem;font-weight:850;white-space:nowrap;border-radius:8px;background:#91f1ca;transition:.2s ease}
.selected-card-preview:hover span,.selected-card-preview:focus-visible span{translate:-50% 0;opacity:1}
.selected-card .sel-info{min-width:0;padding-top:3px}.selected-card .sel-name{font-size:1.03rem;line-height:1.25}

.card-preview-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;color:var(--text);border:0;border-radius:24px;background:transparent}
.card-preview-dialog::backdrop{background:rgba(2,7,14,.82);backdrop-filter:blur(14px)}
.card-preview-sheet{display:grid;justify-items:center;max-height:calc(100vh - 24px);overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(150deg,#122138,#07111f);box-shadow:0 36px 120px rgba(0,0,0,.7)}
.card-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:100%;margin-bottom:15px}.card-preview-head h2{margin:4px 0 0;font-size:1.05rem}.card-preview-head button{flex:0 0 38px;width:38px;height:38px;padding:0;color:#dce8f5;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.04);box-shadow:none}
.card-preview-sheet>img{display:block;width:min(100%,390px);height:auto;max-height:calc(100vh - 155px);object-fit:contain;border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.55)}
.card-preview-sheet>p{margin:13px 0 2px;color:#91a4ba;font-size:.72rem;text-align:center}

.sealed-product-dialog{width:min(900px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;color:var(--text);border:0;border-radius:25px;background:transparent}.sealed-product-dialog::backdrop{background:rgba(2,7,14,.84);backdrop-filter:blur(14px)}
.sealed-product-sheet{max-height:calc(100vh - 24px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:radial-gradient(520px 280px at 0 0,rgba(121,237,189,.09),transparent 75%),linear-gradient(150deg,#122138,#07111f);box-shadow:0 36px 120px rgba(0,0,0,.72)}
.sealed-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:19px}.sealed-product-head h2{margin:4px 0 0;font-size:1.18rem}.sealed-product-head button{flex:0 0 38px;width:38px;height:38px;padding:0;color:#dce8f5;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.04);box-shadow:none}
.sealed-product-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:24px}.sealed-product-art{display:grid;place-items:center;min-height:360px;padding:20px;border:1px solid rgba(155,181,213,.13);border-radius:18px;background:rgba(255,255,255,.025)}.sealed-product-art.sealed-art-empty::before{content:"▣";display:grid;place-items:center;width:88px;height:88px;color:#8bedc8;font-size:2.25rem;border:1px solid rgba(121,237,189,.22);border-radius:24px;background:rgba(121,237,189,.07)}.sealed-product-art img{display:block;width:100%;height:100%;max-height:390px;object-fit:contain}.sealed-product-copy{min-width:0}.sealed-product-badges{display:flex;flex-wrap:wrap;gap:7px}.sealed-product-badges span{padding:5px 8px;color:#9eeed0;font-size:.55rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(121,237,189,.18);border-radius:999px;background:rgba(121,237,189,.055)}.sealed-product-copy h3{margin:14px 0 4px;font-size:clamp(1.3rem,3vw,2.05rem);line-height:1.08}.sealed-product-copy>p{margin:0;color:#8fa2b8}.sealed-reference-price{margin:20px 0 12px;padding:15px;border:1px solid rgba(139,111,255,.18);border-radius:14px;background:rgba(139,111,255,.055)}.sealed-reference-price span,.sealed-reference-price strong,.sealed-reference-price small{display:block}.sealed-reference-price span{color:#8ea0b7;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sealed-reference-price strong{margin-top:4px;font-size:1.25rem}.sealed-reference-price small{margin-top:4px;color:#778aa1;font-size:.58rem;line-height:1.45}.sealed-product-actions{display:flex;align-items:center;gap:11px;margin-top:16px}.sealed-product-actions a{margin-left:auto;color:#8de9c6;font-size:.65rem;text-decoration:none}.sealed-uk-value{margin:12px 0 4px}.sealed-uk-value span,.sealed-uk-value strong,.sealed-uk-value small{display:block}.sealed-uk-value span{color:#8396ad;font-size:.54rem;text-transform:uppercase;letter-spacing:.07em}.sealed-uk-value strong{margin-top:3px;font-size:1.35rem}.sealed-uk-value small{margin-top:3px;color:#7c90a7;font-size:.56rem}

@media(max-width:600px){
  .selected-card{grid-template-columns:1fr;gap:13px;padding:14px}
  .selected-card-preview{justify-self:center;width:118px}.selected-card .sel-name{font-size:.92rem}
  .selected-card .price-chips{gap:5px;margin:8px 0}.selected-card .chip{padding:6px 8px;font-size:.65rem}
  .selected-card .price-audit{padding:10px}.selected-card .audit-metrics{grid-template-columns:1fr 1fr}
  .selected-card .sel-actions{display:grid;grid-template-columns:1fr;gap:6px}.selected-card .sel-actions button{width:100%;min-height:40px}
  .card-preview-sheet{padding:14px;border-radius:20px}.card-preview-sheet>img{max-height:calc(100vh - 135px)}
  .search-kind-tabs button{min-width:0;padding-inline:4px;font-size:.61rem}.sealed-product-sheet{padding:15px;border-radius:20px}.sealed-product-layout{grid-template-columns:1fr;gap:15px}.sealed-product-art{min-height:225px}.sealed-product-art img{max-height:245px}.sealed-product-actions{align-items:stretch;flex-direction:column}.sealed-product-actions button,.sealed-product-actions a{width:100%;margin:0;text-align:center}
}
@media(max-width:560px){
  .hero-signal{display:block;margin-top:4px;padding:17px;border-radius:18px;transform:none}
  .hero{gap:24px}
  .signal-card-row{margin:17px 0 14px}
  .signal-card-row strong{font-size:1.05rem}
  .signal-chart,.hero-signal>p,.signal-orbit{display:none}
  .signal-metrics{grid-template-columns:repeat(3,1fr)}
  .signal-metrics div{padding:8px 6px}.signal-metrics span{font-size:.48rem}.signal-metrics strong{font-size:.72rem}
}

/* v26 portfolio-first visual hierarchy ---------------------------------- */
body[data-app-shell="true"] .app-dashboard{max-width:1120px;padding:25px;background:linear-gradient(145deg,rgba(14,22,38,.97),rgba(6,12,22,.99));box-shadow:0 36px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)}
.home-stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:13px;margin-bottom:13px}
.home-performance{position:relative;min-height:330px;padding:22px;overflow:hidden;border:1px solid rgba(139,153,255,.2);border-radius:18px;background:radial-gradient(500px 260px at 88% 6%,rgba(112,90,224,.22),transparent 70%),radial-gradient(380px 260px at 0 100%,rgba(50,188,172,.12),transparent 70%),linear-gradient(145deg,#10182b,#090f1d);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.home-performance::after{content:"";position:absolute;right:-65px;top:-70px;width:210px;height:210px;border:1px solid rgba(146,157,255,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(146,157,255,.04),0 0 0 68px rgba(146,157,255,.025);pointer-events:none}
.performance-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8793a8;font-size:.55rem;font-weight:850;letter-spacing:.13em}
.performance-head small{padding:5px 8px;border:1px solid rgba(165,150,195,.13);border-radius:999px;color:#9da8ba;background:rgba(3,8,16,.28);font-size:.46rem;letter-spacing:.08em}
.home-performance>strong{position:relative;z-index:1;display:block;margin-top:14px;color:#fff;font-size:clamp(2.35rem,4vw,3.6rem);line-height:1;letter-spacing:-.055em;text-shadow:0 12px 32px rgba(0,0,0,.32)}
.performance-delta{position:relative;z-index:1;display:block;margin-top:8px;color:#8895a9;font-size:.65rem;font-weight:650}
.performance-delta.positive{color:#72dfc5}.performance-delta.negative{color:#f28a9c}
.home-portfolio-chart{position:absolute;left:20px;right:20px;bottom:17px;height:142px}
.home-portfolio-chart svg{display:block;width:100%;height:116px;overflow:visible;filter:drop-shadow(0 5px 13px rgba(67,214,194,.13))}
.home-portfolio-chart>span{display:flex;justify-content:space-between;margin-top:5px;color:#637188;font-size:.45rem;font-style:normal}
.home-chart-start{position:absolute;inset:30px 0 0;display:grid;place-items:center;align-content:center;gap:9px;color:#66758b;font-size:.55rem}
.home-chart-start i{display:block;width:100%;height:1px;background:repeating-linear-gradient(90deg,rgba(125,143,178,.22) 0 8px,transparent 8px 15px)}
.home-side-stack{display:grid;grid-template-rows:auto 1fr;gap:13px}
.home-side-stack .dashboard-card,.home-leaders-card{margin:0;padding:16px;border:1px solid rgba(165,150,195,.13);border-radius:15px;background:rgba(4,9,18,.45)}
.home-side-stack .focus-card{min-height:115px;background:linear-gradient(145deg,rgba(167,139,250,.095),rgba(4,9,18,.42))}
.home-side-stack #focusQueue a{padding:12px 3px 2px;border:0;background:transparent}
.home-leaders-card{min-height:0}
.home-leaders-card .dashboard-card-head a{color:#8e9bff;font-size:.49rem;text-decoration:none}
.home-leaders{display:grid;gap:5px;margin-top:7px}
.home-leaders>a{display:grid;grid-template-columns:33px minmax(0,1fr);align-items:center;gap:9px;padding:6px;border-radius:9px;color:var(--text);text-decoration:none;transition:background .2s ease,transform .25s var(--ease-spring)}
.home-leaders>a:hover{background:rgba(255,255,255,.035);transform:translateX(2px)}
.home-leaders img,.leader-placeholder{display:grid;place-items:center;width:33px;height:43px;object-fit:cover;border-radius:5px;color:#929eff;background:rgba(167,139,250,.1);box-shadow:0 7px 13px rgba(0,0,0,.25)}
.home-leaders>a>span:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:7px;min-width:0}
.home-leaders small,.home-leaders strong,.home-leaders b{display:block}
.home-leaders small{grid-column:1/-1;color:#66748b;font-size:.4rem;letter-spacing:.06em}
.home-leaders strong{overflow:hidden;font-size:.54rem;text-overflow:ellipsis;white-space:nowrap}
.home-leaders b{color:#e4c977;font-size:.55rem;font-weight:800}
.home-leaders .leaders-empty{grid-template-columns:38px 1fr;padding:14px 6px}
.home-leaders .leaders-empty>span:last-child{display:block}.home-leaders .leaders-empty small{margin-top:3px}
body[data-app-shell="true"] .home-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 13px}
body[data-app-shell="true"] .home-metrics>div{min-height:72px;padding:12px 14px;border-radius:12px;background:rgba(11,6,18,.34)}
body[data-app-shell="true"] .home-metrics>div:nth-child(n){display:block}
body[data-app-shell="true"] .dashboard-actions{margin-top:0}

@media(max-width:980px){.home-stage{grid-template-columns:1fr}.home-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.home-performance{min-height:300px}}
@media(max-width:760px){
  body[data-app-shell="true"] .app-dashboard{padding:16px}
  .home-performance{min-height:290px;padding:18px}
  .home-performance>strong{font-size:2.6rem}
  .home-portfolio-chart{left:16px;right:16px;bottom:14px;height:132px}
  .home-side-stack{grid-template-columns:1fr}
  .home-leaders{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .home-leaders>a{display:block;padding:6px;background:rgba(255,255,255,.025)}
  .home-leaders img,.home-leaders .leader-placeholder{width:100%;height:76px;object-fit:contain}
  .home-leaders>a>span:last-child{display:block;margin-top:6px}.home-leaders b{margin-top:3px}.home-leaders small{display:none}
  .home-leaders .leaders-empty{display:grid;grid-column:1/-1;grid-template-columns:38px 1fr}.home-leaders .leaders-empty .leader-placeholder{width:38px;height:42px}.home-leaders .leaders-empty small{display:block}
  body[data-app-shell="true"] .home-metrics{grid-template-columns:1fr 1fr 1fr}
  body[data-app-shell="true"] .home-metrics>div:nth-child(3){grid-column:auto}
}
@media(max-width:480px){
  .home-performance{min-height:275px}
  .home-performance>strong{font-size:2.35rem}
  .performance-delta{font-size:.58rem}
  body[data-app-shell="true"] .home-metrics{grid-template-columns:1fr 1fr}
  body[data-app-shell="true"] .home-metrics>div:nth-child(3){grid-column:1/-1}
}
.motion-reduced .reveal-target{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.motion-reduced *{scroll-behavior:auto!important}

@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* v25 focused app shell -------------------------------------------------- */
body[data-app-shell="true"] main{min-height:calc(100vh - 72px);padding-top:34px;padding-bottom:90px}
body[data-app-shell="true"] main>.hero,
body[data-app-shell="true"] main>.section-intro,
body[data-app-shell="true"] main>.quick-start-grid,
body[data-app-shell="true"] main>#dashboard,
body[data-app-shell="true"] main>#calculator,
body[data-app-shell="true"] main>#centering,
body[data-app-shell="true"] main>#marketHub,
body[data-app-shell="true"] main>#studioHub,
body[data-app-shell="true"] main>#accountHub,
body[data-app-shell="true"] main>#trade,
body[data-app-shell="true"] main>#saved,
body[data-app-shell="true"] main>#vendorHub,
body[data-app-shell="true"] main>#creatorHub,
body[data-app-shell="true"] main>#soldImport,
body[data-app-shell="true"] main>#supportHub,
body[data-app-shell="true"] main>.affiliate,
body[data-app-shell="true"] main>#how-it-works,
body[data-app-shell="true"] main>#faq,
body[data-app-shell="true"] main>.site-footer{display:none}

body[data-app-view="home"] main>#dashboard{display:block}
body[data-app-view="collection"] main>#saved{display:block}
body[data-app-view="discover"] main>.quick-start-grid,
body[data-app-view="scan"] main>.quick-start-grid{display:block}
body[data-app-view="discover"] #search{display:block}
body[data-app-view="discover"] #scan{display:none}
body[data-app-view="scan"] #scan{display:block}
body[data-app-view="scan"] #search{display:none}
body[data-app-view="grade"] main>#calculator{display:grid}
body[data-app-view="estimate"] main>#centering{display:block}
body[data-app-view="market"] main>#marketHub{display:block}
body[data-app-view="more"] main>#studioHub{display:flex}
body[data-app-view="account"] main>#accountHub{display:block}
body[data-app-view="trade"] main>#trade{display:block}
body[data-app-view="vendor"] main>#vendorHub{display:block}
body[data-app-view="soldimport"] main>#soldImport{display:block}
body[data-app-view="community"] main>#creatorHub{display:block}
body[data-app-view="support"] main>#supportHub{display:block}
body[data-app-view="help"] main>.affiliate,
body[data-app-view="help"] main>#how-it-works,
body[data-app-view="help"] main>#faq,
body[data-app-view="help"] main>.site-footer{display:block}

body[data-app-shell="true"] .workspace-rail nav{margin-top:36px}
body[data-app-shell="true"] .workspace-rail nav a{min-height:46px;margin-bottom:5px;font-size:.68rem}
body[data-app-shell="true"] .workspace-rail nav a i{font-size:.78rem}
body[data-app-shell="true"] .workspace-rail nav a.active{color:#fff;border-color:rgba(167,139,250,.2);background:linear-gradient(135deg,rgba(167,139,250,.17),rgba(244,113,181,.05))}
body[data-app-shell="true"] .workspace-rail nav a.active i{color:#9fa9ff}
body[data-app-shell="true"] .rail-status{margin-top:auto}
body[data-app-shell="true"] .command-search{max-width:720px}
body[data-app-shell="true"] .header-tools{grid-template-columns:auto}

body[data-app-shell="true"] .app-dashboard{max-width:1040px;margin:0 auto;padding:28px;border-radius:22px;background:radial-gradient(620px 240px at 92% 0,rgba(167,139,250,.1),transparent 68%),linear-gradient(145deg,rgba(24,14,38,.96),rgba(18,11,29,.98))}
body[data-app-shell="true"] .dashboard-head{margin-bottom:20px}
body[data-app-shell="true"] .dashboard-head h2{max-width:690px;font-size:clamp(1.55rem,2.4vw,2.25rem);letter-spacing:-.035em}
body[data-app-shell="true"] .dashboard-head p{max-width:650px;margin-top:6px;color:#8694a8;font-size:.72rem}
body[data-app-shell="true"] .home-metrics{grid-template-columns:repeat(3,1fr);margin-bottom:14px}
body[data-app-shell="true"] .home-metrics>div:nth-child(n+4){display:none}
body[data-app-shell="true"] .dashboard-body{grid-template-columns:1fr;margin:0}
body[data-app-shell="true"] .dashboard-card{min-height:0}
body[data-app-shell="true"] .market-brief{display:none}
body[data-app-shell="true"] .dashboard-actions{grid-template-columns:repeat(2,minmax(0,210px));justify-content:start;margin-top:14px}
body[data-app-shell="true"] .market-showcase{display:none}

body[data-app-shell="true"] .quick-start-grid{max-width:820px;margin:0 auto}
body[data-app-shell="true"] .quick-start-grid>.panel{width:100%;min-height:0;margin:0;padding:28px}
body[data-app-shell="true"] #calculator{max-width:1120px;margin:0 auto;align-items:start}
body[data-app-shell="true"] #calculator>.panel{margin:0}
body[data-app-shell="true"] #centering,
body[data-app-shell="true"] #marketHub,
body[data-app-shell="true"] #trade,
body[data-app-shell="true"] #saved,
body[data-app-shell="true"] #vendorHub,
body[data-app-shell="true"] #creatorHub,
body[data-app-shell="true"] #supportHub{max-width:1100px;margin:0 auto}

.grade-advanced,.grade-breakdown{margin-top:18px;border:1px solid rgba(165,150,195,.14);border-radius:14px;background:rgba(3,8,16,.26);overflow:hidden}
.grade-advanced summary,.grade-breakdown summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;cursor:pointer;list-style:none}
.grade-advanced summary::-webkit-details-marker,.grade-breakdown summary::-webkit-details-marker{display:none}
.grade-advanced summary span,.grade-breakdown summary span{min-width:0}
.grade-advanced summary strong,.grade-advanced summary small,.grade-breakdown summary strong,.grade-breakdown summary small{display:block}
.grade-advanced summary strong,.grade-breakdown summary strong{font-size:.68rem}
.grade-advanced summary small,.grade-breakdown summary small{margin-top:3px;color:#75839a;font-size:.53rem}
.grade-advanced summary i,.grade-breakdown summary i{color:#8d99ff;font-style:normal;transition:transform .25s ease}
.grade-advanced[open] summary i,.grade-breakdown[open] summary i{transform:rotate(180deg)}
.grade-advanced-body,.grade-breakdown-body{padding:2px 15px 16px;border-top:1px solid rgba(165,150,195,.1)}
.grade-advanced-body>h2:first-child{margin-top:18px}
.outcome-scroll{overflow-x:auto}

body[data-app-shell="true"] #studioHub{max-width:900px;margin:0 auto;align-items:stretch;flex-direction:column;padding:26px}
body[data-app-shell="true"] #studioHub>div{max-width:650px}
body[data-app-shell="true"] #studioHub h2{font-size:1.55rem;letter-spacing:-.025em}
body[data-app-shell="true"] #studioHub p{font-size:.68rem;line-height:1.65}
body[data-app-shell="true"] #studioHub nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:8px}
body[data-app-shell="true"] #studioHub a{min-width:0;padding:14px}
body[data-app-shell="true"] #studioHub strong{font-size:.68rem}
body[data-app-shell="true"] #studioHub small{margin-top:3px;font-size:.52rem}

.view-enter{animation:viewEnter .34s var(--ease-spring) both}
@keyframes viewEnter{from{opacity:.4;transform:translateY(8px)}}

@media(max-width:760px){
  body[data-app-shell="true"] main{padding-top:18px;padding-bottom:112px}
  body[data-app-shell="true"] .app-dashboard{padding:20px 16px;border-radius:18px}
  body[data-app-shell="true"] .dashboard-head{gap:14px}
  body[data-app-shell="true"] .dashboard-head h2{font-size:1.6rem;line-height:1.08}
  body[data-app-shell="true"] .home-metrics{grid-template-columns:1fr 1fr}
  body[data-app-shell="true"] .home-metrics>div:nth-child(3){grid-column:1/-1}
  body[data-app-shell="true"] .dashboard-actions{grid-template-columns:1fr 1fr}
  body[data-app-shell="true"] .quick-start-grid>.panel{padding:21px 17px}
  body[data-app-shell="true"] #calculator{display:none}
  body[data-app-view="grade"] main>#calculator{display:block}
  body[data-app-shell="true"] #calculator>.panel+ .panel{margin-top:12px;top:auto}
  body[data-app-shell="true"] #studioHub{padding:20px 16px}
}
@media(max-width:560px){
  body[data-app-shell="true"] .dashboard-open{width:100%;text-align:center}
  body[data-app-shell="true"] #studioHub nav{grid-template-columns:1fr}
  .grade-advanced summary,.grade-breakdown summary{padding:13px}
  .grade-advanced-body,.grade-breakdown-body{padding:2px 12px 14px}
}

/* v26 ordering + restrained colour accents */
body[data-app-shell="true"] .app-dashboard{max-width:1120px;padding:25px;background:linear-gradient(145deg,rgba(14,22,38,.97),rgba(6,12,22,.99));box-shadow:0 36px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)}
body[data-app-shell="true"] .home-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 13px}
body[data-app-shell="true"] .home-metrics>div:nth-child(n){display:block}
body[data-app-shell="true"] .dashboard-actions{margin-top:0}
body[data-app-shell="true"] #search{border-color:rgba(167,139,250,.22);background:radial-gradient(520px 240px at 100% 0,rgba(167,139,250,.095),transparent 70%),linear-gradient(145deg,rgba(24,14,38,.97),rgba(18,11,29,.99))}
body[data-app-shell="true"] #studioHub a:nth-child(2n) i{color:#f78fc4;background:rgba(244,113,181,.09)}
body[data-app-shell="true"] #studioHub a:nth-child(3n) i{color:#ffc94d;background:rgba(255,201,77,.09)}
body[data-app-shell="true"] #studioHub a:hover{border-color:rgba(186,150,255,.3);background:linear-gradient(135deg,rgba(167,139,250,.09),rgba(244,113,181,.035));transform:translateY(-2px)}

/* v31: calm, task-first workspace -------------------------------------- */
body.search-active #discoveryRail{display:none}
.collection-details{margin-top:18px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(18,11,29,.48);overflow:hidden}
.collection-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;cursor:pointer;list-style:none;user-select:none}
.collection-details>summary::-webkit-details-marker{display:none}
.collection-details>summary span,.collection-details>summary strong,.collection-details>summary small{display:block}
.collection-details>summary strong{font-size:.73rem;color:var(--text)}
.collection-details>summary small{margin-top:3px;font-size:.55rem;color:var(--muted)}
.collection-details>summary>b{color:var(--muted);font-size:.9rem;transition:transform .2s ease}
.collection-details[open]>summary>b{transform:rotate(45deg)}
.collection-details[open]>summary{border-bottom:1px solid var(--border-soft)}
.collection-details>.portfolio-chart,.collection-details>.history-ranges,.collection-details>.portfolio-movers,.collection-details>.coll-insights{margin-left:16px;margin-right:16px}
.collection-details>.submission-planner{margin:16px}
.saved-panel>.portfolio-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}
.account-hub{max-width:880px;margin:0 auto;padding:28px}
.account-hub .account-bar{margin-top:18px;padding:20px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(18,11,29,.56)}
.account-hub .acc-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;gap:10px;align-items:center}
.account-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.account-explainer>div{display:flex;gap:11px;padding:15px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(255,255,255,.018)}
.account-explainer i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:rgba(167,139,250,.12);color:#aeb6ff;font-style:normal;font-size:.62rem;font-weight:850}
.account-explainer strong,.account-explainer small{display:block}.account-explainer strong{font-size:.65rem}.account-explainer small{margin-top:4px;color:var(--muted);font-size:.53rem;line-height:1.5}
.trade-empty{color:var(--muted)!important;background:rgba(255,255,255,.025)!important;border-color:var(--border-soft)!important}
.trade-history details{border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.018);overflow:hidden}
.trade-history details+details{margin-top:8px}.trade-history summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;cursor:pointer;list-style:none}.trade-history summary::-webkit-details-marker{display:none}.trade-history summary span,.trade-history summary strong,.trade-history summary small{display:block}.trade-history summary small{margin-top:3px;color:var(--muted)}.trade-history summary>div{text-align:right}.trade-history summary em{margin-left:7px}
.trade-review-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-top:1px solid var(--border-soft)}.trade-review-detail section>strong{display:block;margin-bottom:8px;font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.trade-review-detail section>span{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:.58rem}.trade-review-detail section em{font-style:normal;color:var(--text)}
.ti-name small{display:block;margin-top:2px;color:var(--muted);font-size:.48rem;font-weight:500}
.verdict.neutral{color:#cbd4e4;background:linear-gradient(135deg,rgba(167,139,250,.12),rgba(244,113,181,.05));border-color:rgba(167,139,250,.22)}
@media(max-width:760px){
  .saved-panel>.portfolio-actions{grid-template-columns:1fr 1fr}
  .account-hub{padding:18px 15px}
  .account-hub .acc-row{grid-template-columns:1fr}
  .account-explainer{grid-template-columns:1fr}
  .collection-details>summary{padding:14px}
  .collection-details>.submission-planner{margin:10px}
}
body[data-app-shell="true"] .workspace-rail nav a.active::before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:2px;border-radius:99px;background:linear-gradient(#c4a5ff,#f471b5);box-shadow:0 0 11px rgba(167,139,250,.7)}
@media(max-width:760px){
  body[data-app-shell="true"] .app-dashboard{padding:16px}
  body[data-app-shell="true"] .home-metrics{grid-template-columns:1fr 1fr 1fr}
  body[data-app-shell="true"] .home-metrics>div:nth-child(3){grid-column:auto}
}
@media(max-width:480px){
  body[data-app-shell="true"] .home-metrics{grid-template-columns:1fr 1fr}
  body[data-app-shell="true"] .home-metrics>div:nth-child(3){grid-column:1/-1}
}

/* ---------- UK sold importer ---------- */

.import-results { margin-top: 18px; display: grid; gap: 12px; }
.import-controls { display: flex; flex-wrap: wrap; gap: 12px; }
.import-controls label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--muted);
}
.import-controls input[type="text"] { min-width: 240px; }
.import-controls select, .import-controls input { width: auto; }

.import-verdict {
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg-input);
}
.import-verdict strong { font-size: 1.35rem; }
.import-verdict strong small {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--muted);
  margin-left: 8px;
  text-transform: uppercase;
}
.import-verdict p { margin: 6px 0 0; font-size: 0.85rem; color: var(--muted); }
.import-verdict.good { border-color: var(--good); }
.import-verdict.good strong { color: var(--good); }
.import-verdict.bad { border-color: var(--warn); }

.import-diagnostics { display: flex; flex-wrap: wrap; gap: 6px; }
.import-diagnostics span {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 3px 10px;
}

.import-apply { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.import-apply select { flex: 1; min-width: 240px; width: auto; }
.import-apply button { flex: none; }

/* One calm, shared entry point for raw and already-graded holdings. */
.add-card-dialog {
  width: min(620px, calc(100vw - 28px));
  max-height: min(820px, calc(100dvh - 28px));
  padding: 0;
  border: 1px solid rgba(160, 174, 255, .28);
  border-radius: 24px;
  color: var(--text);
  background:
    radial-gradient(540px 280px at 90% -10%, rgba(167, 139, 250, .2), transparent 65%),
    linear-gradient(145deg, rgba(16, 25, 43, .99), rgba(6, 12, 23, .99));
  box-shadow: 0 34px 100px rgba(0, 0, 0, .62), inset 0 1px rgba(255, 255, 255, .06);
  overflow: auto;
}
.add-menu-dialog {
  width:min(610px,calc(100vw - 28px));padding:0;border:1px solid rgba(160,174,255,.28);border-radius:24px;
  color:var(--text);background:radial-gradient(520px 260px at 90% -10%,rgba(167,139,250,.2),transparent 65%),linear-gradient(145deg,rgba(16,25,43,.99),rgba(6,12,23,.99));
  box-shadow:0 34px 100px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.06)
}
.add-menu-dialog::backdrop{background:rgba(2,6,14,.76);-webkit-backdrop-filter:blur(14px) saturate(.8);backdrop-filter:blur(14px) saturate(.8)}
.add-menu-sheet{display:grid;gap:18px;padding:24px}.add-menu-options{display:grid;gap:9px}
.add-menu-options>a,.add-menu-options>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:rgba(4,10,20,.56);text-align:left;text-decoration:none}
.add-menu-options>a:hover,.add-menu-options>button:hover{border-color:rgba(167,139,250,.48);background:rgba(167,139,250,.08);transform:translateY(-1px)}
.add-menu-options i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#b7c0ff;background:rgba(167,139,250,.12);font-style:normal}.add-menu-options strong,.add-menu-options small{display:block}.add-menu-options strong{font-size:.78rem}.add-menu-options small{margin-top:3px;color:var(--muted);font-size:.62rem;line-height:1.4}.add-menu-options b{color:var(--muted)}
.add-card-dialog::backdrop {
  background: rgba(2, 6, 14, .76);
  -webkit-backdrop-filter: blur(14px) saturate(.8);
  backdrop-filter: blur(14px) saturate(.8);
}
.add-card-dialog[open] { animation: add-card-in .22s cubic-bezier(.2, .8, .2, 1); }
@keyframes add-card-in {
  from { opacity: 0; transform: translateY(14px) scale(.975); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.add-card-form { display: grid; gap: 18px; padding: 24px; }
.add-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.add-card-head h2 { margin: 4px 0 3px; font-size: clamp(1.35rem, 4vw, 1.8rem); letter-spacing: -.035em; }
.add-card-head p { margin: 0; color: var(--muted); font-size: .82rem; }
.add-card-close {
  width: 38px; height: 38px; min-width: 38px; padding: 0; border-radius: 50%;
  color: var(--muted); border: 1px solid var(--border); background: rgba(255, 255, 255, .035);
}
.holding-type { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 0; padding: 0; border: 0; }
.holding-type label { position: relative; cursor: pointer; }
.holding-type input { position: absolute; opacity: 0; pointer-events: none; }
.holding-type span {
  display: grid; gap: 3px; min-height: 68px; align-content: center; padding: 11px 14px;
  border: 1px solid var(--border); border-radius: 14px; background: rgba(4, 10, 20, .56);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.holding-type b { font-size: .9rem; }
.holding-type small { color: var(--muted); font-size: .7rem; }
.holding-type input:checked + span {
  border-color: rgba(238, 202, 114, .85);
  background: linear-gradient(135deg, rgba(238, 202, 114, .15), rgba(167, 139, 250, .1));
  box-shadow: inset 0 0 0 1px rgba(238, 202, 114, .14), 0 10px 26px rgba(0, 0, 0, .16);
  transform: translateY(-1px);
}
.holding-type input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.add-graded-fields, .add-card-basics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.add-manual-fields{display:grid;gap:12px}.add-manual-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.add-graded-fields[hidden], .add-custom-grader[hidden], .add-manual-fields[hidden] { display: none; }
.add-graded-fields label, .add-card-basics label, .add-manual-fields label {
  display: grid; gap: 7px; margin: 0; color: var(--muted); font-size: .68rem; font-weight: 750;
}
.add-graded-fields label span, .add-card-basics label span, .add-manual-fields label span { font-weight: 550; opacity: .8; }
.add-graded-fields input, .add-graded-fields select, .add-card-basics input, .add-manual-fields input {
  width: 100%; margin: 0; min-height: 46px; border-radius: 11px;
}
.add-cert-field, .add-custom-grader { grid-column: 1 / -1; }
.money-input { position: relative; }
.money-input b { position: absolute; left: 13px; top: 50%; z-index: 1; transform: translateY(-50%); color: var(--text); }
.money-input input { padding-left: 30px; }
.add-card-status { margin: -2px 0 0; min-height: 20px; color: var(--muted); font-size: .72rem; }
.add-card-status.error { color: var(--warn); }
.add-card-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding-top: 2px; }
.add-card-actions button { min-width: 130px; }
body:has(.add-card-dialog[open]),body:has(.add-menu-dialog[open]) { overflow: hidden; }
@media (max-width: 540px) {
  .add-card-dialog,.add-menu-dialog { width: 100%; max-width: none; max-height: 91dvh; margin: auto 0 0; border-radius: 24px 24px 0 0; }
  .add-menu-sheet{padding:20px 16px max(22px,env(safe-area-inset-bottom))}.add-menu-options>a,.add-menu-options>button{padding:12px}
  .add-card-form { padding: 20px 16px max(22px, env(safe-area-inset-bottom)); gap: 15px; }
  .add-graded-fields, .add-card-basics, .add-manual-fields>div { grid-template-columns: 1fr; }
  .add-cert-field, .add-custom-grader { grid-column: auto; }
  .add-card-actions { display: grid; grid-template-columns: .7fr 1.3fr; }
  .add-card-actions button { min-width: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .add-card-dialog[open],.add-menu-dialog[open] { animation: none; } }

.results.decision-empty .stats,.results.decision-empty .grade-breakdown{display:none}
.tool-heading{margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid var(--border-soft)}.tool-heading h1{margin:5px 0 6px;font-size:clamp(1.45rem,3.4vw,2rem);letter-spacing:-.035em}.tool-heading p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.6}

/* v34: account-bound support is deliberately secondary under More. */
body[data-app-shell="true"] #studioHub .studio-support-link{grid-column:1/-1;max-width:none;opacity:.82}
.support-hub{padding:28px}
.support-signin{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:20px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(135deg,rgba(167,139,250,.08),rgba(244,113,181,.025))}
.support-signin strong{font-size:.82rem}.support-signin p{max-width:620px;margin:5px 0 0;color:var(--muted);font-size:.62rem;line-height:1.55}.support-signin .primary-cta{flex:0 0 auto;margin:0;text-decoration:none}
.support-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;margin-top:22px}
.support-form,.support-history{min-width:0;padding:20px;border:1px solid var(--border-soft);border-radius:18px;background:rgba(11,7,19,.54)}
.support-form{display:grid;gap:15px}.support-form-head,.support-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.support-form-head h3,.support-history-head h3{margin:3px 0 0;font-size:1rem}.support-identity{max-width:210px;color:var(--muted);font-size:.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.support-form label{display:grid;gap:7px;color:var(--muted);font-size:.59rem;font-weight:750}.support-form input,.support-form select,.support-form textarea{width:100%;margin:0;border-radius:11px}.support-form textarea{min-height:128px;resize:vertical;line-height:1.55}
.support-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.support-safety{display:flex;flex-wrap:wrap;gap:7px}.support-safety span{padding:6px 9px;border:1px solid rgba(113,216,181,.14);border-radius:999px;color:#83bba9;background:rgba(113,216,181,.045);font-size:.48rem}
.support-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:2px}.support-actions p{margin:0;color:var(--muted);font-size:.54rem;line-height:1.5}.support-actions p[data-tone="success"]{color:var(--good)}.support-actions p[data-tone="error"],.error-text{color:var(--warn)!important}.support-actions button{flex:0 0 auto;min-width:132px}
.support-history-head{align-items:center;margin-bottom:13px}.support-history-head .link-btn{padding:6px 8px}.support-ticket{padding:12px;border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.018)}.support-ticket+.support-ticket{margin-top:8px}.support-ticket>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.support-ticket>div strong{color:#aeb6ff;font-size:.53rem;letter-spacing:.05em}.support-ticket h4{margin:8px 0 3px;font-size:.65rem}.support-ticket p{margin:0;color:var(--muted);font-size:.49rem}.support-ticket-status{padding:4px 7px;border-radius:99px;color:#98a5b8;background:rgba(152,165,184,.09);font-size:.45rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.support-ticket-status.status-in_progress{color:#f5ca77;background:rgba(245,202,119,.09)}.support-ticket-status.status-resolved{color:var(--good);background:rgba(113,216,181,.09)}
@media(max-width:780px){.support-workspace{grid-template-columns:1fr}.support-history{order:2}.support-signin{align-items:flex-start;flex-direction:column}.support-signin .primary-cta{width:100%;text-align:center}}
@media(max-width:560px){.support-hub{padding:20px 16px}.support-form,.support-history{padding:16px}.support-form-grid{grid-template-columns:1fr}.support-form-head{flex-direction:column}.support-identity{max-width:100%}.support-actions{align-items:stretch;flex-direction:column}.support-actions button{width:100%}body[data-app-shell="true"] #studioHub .studio-support-link{grid-column:auto}}

/* Verified UK card-price history. */
.market-history-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.market-history-head b{display:grid;place-items:center;width:28px;height:22px;border:1px solid rgba(101,211,198,.2);border-radius:7px;color:#7ee0d4;background:rgba(101,211,198,.07);font-size:.48rem;letter-spacing:.06em}.market-history-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px}.history-conditions,.history-range-buttons{display:flex;gap:4px;padding:3px;border:1px solid rgba(165,150,195,.1);border-radius:9px;background:rgba(8,5,14,.34)}.history-conditions button,.history-range-buttons button{min-height:25px;padding:4px 8px;border:0;border-radius:6px;color:#69788d;background:transparent;font-size:.48rem;font-weight:800}.history-conditions button.active,.history-range-buttons button.active{color:#fff;background:linear-gradient(135deg,rgba(118,102,238,.72),rgba(94,194,183,.46));box-shadow:0 3px 12px rgba(64,54,145,.24)}.market-history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.market-history-summary>div{padding:8px;border:1px solid rgba(165,150,195,.09);border-radius:8px;background:rgba(255,255,255,.015)}.market-history-summary span{color:#68778d;font-size:.43rem;text-transform:uppercase;letter-spacing:.06em}.market-history-summary strong{margin-top:3px;font-size:.58rem}.market-history-summary strong.positive{color:#72d9b8}.market-history-summary strong.negative{color:#ef8898}.market-history-chart{padding:4px 0 0}.market-history-chart svg{display:block;width:100%;height:112px;overflow:visible}.market-history-chart circle{fill:#0f1724;stroke:#75dfd2;stroke-width:2}.market-history-chart>div{display:flex;justify-content:space-between;margin-top:-2px;color:#647389;font-size:.43rem}.market-history-source{margin:7px 0 0;color:#6d7e93;font-size:.46rem;line-height:1.45}.market-history-empty{display:grid;gap:4px;place-items:center;min-height:118px;padding:20px;text-align:center}.market-history-empty strong{font-size:.6rem}.market-history-empty span{max-width:360px!important;color:#68778d;font-size:.49rem;line-height:1.5}.history-access-locked{border:1px solid rgba(121,237,189,.13);border-radius:10px;background:rgba(121,237,189,.035)}.history-access-locked a{margin-top:7px;color:#8bf0c7;font-size:.52rem;font-weight:800;text-decoration:none}
.grade-compare>div.exact-history{margin:-2px -5px;padding:5px;border:1px solid rgba(101,211,198,.14);border-radius:7px;background:rgba(101,211,198,.035)}.grade-compare>div.exact-history small{color:#73d7ca;font-weight:750}
@media(max-width:600px){.market-history-controls{align-items:stretch;flex-direction:column}.history-conditions,.history-range-buttons{width:100%}.history-conditions button,.history-range-buttons button{flex:1;padding-inline:4px}.market-history-summary{grid-template-columns:1fr 1fr}.market-history-summary>div:last-child{grid-column:1/-1}.market-history-chart svg{height:96px}}

/* Account-first portfolio and launch administration. */
.portfolio-locked > :not(.portfolio-auth-gate){display:none!important}.portfolio-auth-gate{position:relative;overflow:hidden;min-height:330px;display:grid;place-items:center;align-content:center;gap:18px;padding:clamp(28px,6vw,72px);text-align:center;border:1px solid rgba(129,140,248,.25);border-radius:24px;background:radial-gradient(circle at 50% -10%,rgba(74,222,228,.14),transparent 46%),linear-gradient(145deg,rgba(31,20,53,.98),rgba(10,8,18,.98));box-shadow:0 28px 80px rgba(4,2,12,.38)}.portfolio-auth-gate::before{content:"";position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:radial-gradient(circle at 18% 24%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 76% 36%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 62% 78%,#fff 0 1px,transparent 1.5px);background-size:90px 90px,130px 130px,160px 160px}.portfolio-auth-gate>*{position:relative}.portfolio-auth-gate h2{margin:5px 0 8px;font-size:clamp(1.65rem,4vw,2.65rem)}.portfolio-auth-gate p{max-width:620px;margin:0 auto;color:var(--muted);line-height:1.65}.auth-gate-orb{display:grid;place-items:center;width:72px;height:72px;color:#dbffff;font-size:2rem;border:1px solid rgba(94,234,212,.34);border-radius:23px;background:linear-gradient(145deg,rgba(99,102,241,.72),rgba(45,212,191,.24));box-shadow:0 18px 48px rgba(99,102,241,.28),inset 0 1px rgba(255,255,255,.25)}.auth-gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.auth-gate-actions a{padding:12px 18px;color:#08050e;font-weight:850;border-radius:12px;background:linear-gradient(135deg,var(--good),#a5f3fc)}.auth-gate-actions a.secondary{color:var(--text);border:1px solid var(--border-soft);background:rgba(255,255,255,.05)}
.tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.tier-grid article{padding:20px;border:1px solid var(--border-soft);border-radius:18px;background:rgba(255,255,255,.025)}.tier-grid article>span{color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.16em}.tier-grid h3{margin:7px 0}.tier-grid p{margin:0;color:var(--muted);line-height:1.55}.tier-grid .tier-premium{border-color:rgba(94,234,212,.27);background:radial-gradient(circle at 100% 0,rgba(94,234,212,.1),transparent 50%),rgba(99,102,241,.07)}.tier-grid .tier-premium>span{color:var(--good)}
.admin-code-builder{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;align-items:end;gap:10px;padding:16px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(255,255,255,.025)}.admin-code-builder label,.import-options label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:700}.admin-code-builder input,.admin-code-builder select,.import-options select{margin:0}.admin-generated{margin:14px 0;padding:18px;border:1px solid rgba(94,234,212,.34);border-radius:16px;background:rgba(94,234,212,.06)}.admin-generated strong{display:block;margin-bottom:8px;color:var(--good)}.admin-generated code{display:block;padding:10px 12px;margin-top:6px;color:#fff;font-size:.9rem;border-radius:10px;background:#090712;user-select:all}.admin-code-list{display:grid;gap:8px}.admin-code-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(255,255,255,.025)}.admin-code-row span,.admin-code-row small{display:block;color:var(--muted)}

/* Multi-app collection migration. */
.collection-import-dialog{width:min(900px,calc(100vw - 24px));max-height:min(90vh,900px);padding:0;color:var(--text);border:0;border-radius:24px;background:transparent}.collection-import-dialog::backdrop{background:rgba(2,1,8,.78);backdrop-filter:blur(12px)}.collection-import-sheet{max-height:90vh;overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(150deg,#171023,#0b0812);box-shadow:0 32px 100px rgba(0,0,0,.65)}.collection-import-picker{display:grid;gap:16px;margin-top:20px}.import-app-cloud{display:flex;flex-wrap:wrap;gap:7px}.import-app-cloud span{padding:7px 10px;color:#b9accb;font-size:.68rem;font-weight:750;border:1px solid var(--border-soft);border-radius:99px;background:rgba(255,255,255,.03)}.collection-drop{display:grid;place-items:center;min-height:210px;padding:28px;text-align:center;cursor:pointer;border:1px dashed rgba(94,234,212,.4);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(94,234,212,.1),transparent 65%),rgba(99,102,241,.045);transition:.2s ease}.collection-drop:hover,.collection-drop.drop-active{transform:translateY(-2px);border-color:var(--good);background-color:rgba(99,102,241,.08)}.collection-drop.drop-active{border-style:solid;box-shadow:0 0 0 3px rgba(94,234,212,.22)}.collection-drop i{display:grid;place-items:center;width:54px;height:54px;margin-bottom:12px;color:var(--good);font-size:1.7rem;border-radius:17px;background:rgba(94,234,212,.09)}.collection-drop strong,.collection-drop small{display:block}.collection-drop small{margin-top:6px;color:var(--muted)}.collection-import-review{display:grid;gap:15px;margin-top:20px}.import-detected{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.import-detected>div{padding:13px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(255,255,255,.03)}.import-detected span,.import-detected strong{display:block}.import-detected span{color:var(--muted);font-size:.55rem;font-weight:850;letter-spacing:.1em}.import-detected strong{margin-top:6px;font-size:.96rem}.import-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.import-preview-wrap{overflow:auto;border:1px solid var(--border-soft);border-radius:14px}.import-preview-wrap table{width:100%;border-collapse:collapse;font-size:.76rem}.import-preview-wrap th,.import-preview-wrap td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--border-soft)}.import-preview-wrap th{color:var(--muted);font-size:.58rem;letter-spacing:.09em;background:rgba(255,255,255,.035)}.import-preview-wrap tr:last-child td{border-bottom:0}.import-preview-wrap td strong,.import-preview-wrap td small{display:block}.import-preview-wrap td small{margin-top:3px;color:var(--muted)}.collection-import-issues{max-height:130px;overflow:auto;padding:11px 13px;color:#fecaca;font-size:.72rem;border:1px solid rgba(248,113,113,.2);border-radius:12px;background:rgba(248,113,113,.05)}
@media(max-width:760px){.tier-grid,.import-options{grid-template-columns:1fr}.admin-code-builder{grid-template-columns:1fr 1fr}.admin-code-builder label:first-child,.admin-code-builder button{grid-column:1/-1}.import-detected{grid-template-columns:repeat(2,1fr)}.collection-import-sheet{padding:17px}}

/* v37 Evollect — clearer, brighter, account-first product shell. */
:root{
  --bg:#07101d;
  --bg-panel:#0f1b2c;
  --bg-input:#0a1525;
  --border:#26374d;
  --border-soft:rgba(166,190,218,.16);
  --text:#f7fbff;
  --muted:#9eafc3;
  --accent:#79edbd;
  --accent-2:#9b8cff;
  --holo-pink:#ff82b5;
  --holo-violet:#9b8cff;
  --holo-cyan:#63ddff;
  --good:#68e6ae;
}
html{background:#050b14}
body{
  background:
    radial-gradient(900px 620px at 78% -10%,rgba(87,92,255,.17),transparent 68%),
    radial-gradient(760px 620px at 18% 110%,rgba(42,220,170,.08),transparent 68%),
    linear-gradient(145deg,#081321,#050b14 72%);
  color:var(--text);
  letter-spacing:-.005em;
}
.ambient-stage{opacity:.72}
.brand{gap:10px;color:#fff;font-size:1.08rem;letter-spacing:-.045em}
.brand-mark{
  position:relative;width:31px;height:31px;border:1px solid rgba(255,255,255,.28);border-radius:10px;
  background:linear-gradient(145deg,#755cff 5%,#a77bff 48%,#5fe2cf 100%);
  box-shadow:0 9px 26px rgba(100,86,255,.28),inset 0 1px rgba(255,255,255,.4);
}
.brand-mark::before{inset:5px;border:1px solid rgba(255,255,255,.5);border-radius:6px;background:rgba(5,11,20,.2)}
.brand-mark::after{content:"";position:absolute;inset:auto 7px 7px;width:auto;height:2px;border-radius:3px;background:#bfffee;box-shadow:none}
.brand-mark i{position:absolute;z-index:2;left:11px;top:7px;width:8px;height:8px;border:1.5px solid #fff;border-radius:2px;transform:rotate(45deg)}
.brand-beta{padding:3px 7px;color:#b7fbe0;border-color:rgba(104,230,174,.28);background:rgba(104,230,174,.08);font-size:.43rem;letter-spacing:.12em}
.site-header{border-color:rgba(153,178,210,.13);background:rgba(6,13,24,.84);box-shadow:0 10px 34px rgba(0,0,0,.15);backdrop-filter:blur(22px) saturate(1.25)}
.command-search{height:44px;color:#b0bfd1;border-color:rgba(164,187,216,.16);border-radius:13px;background:rgba(255,255,255,.035)}
.command-search:hover{color:#fff;border-color:rgba(121,237,189,.3);background:rgba(121,237,189,.045)}
.header-add,.primary-cta,.auth-gate-actions a:not(.secondary){color:#03130d;background:linear-gradient(135deg,#8af3c5,#62dfff);box-shadow:0 13px 32px rgba(91,225,192,.16)}
.header-add:hover,.primary-cta:hover,.auth-gate-actions a:not(.secondary):hover{box-shadow:0 17px 38px rgba(91,225,192,.27)}

@media(min-width:1180px){
  body{padding-left:244px}
  .workspace-rail{width:244px;padding:22px 16px 18px;border-color:rgba(151,178,209,.13);background:linear-gradient(180deg,rgba(8,17,30,.985),rgba(4,10,18,.99));box-shadow:22px 0 70px rgba(0,0,0,.2)}
  .workspace-rail nav{margin-top:42px!important;gap:5px}
  .workspace-rail nav .rail-label{margin:0 11px 8px;color:#60748d;font-size:.48rem;letter-spacing:.15em}
  .workspace-rail nav a{min-height:48px!important;padding:8px 11px;border:1px solid transparent;border-radius:13px;color:#9aabc0}
  .workspace-rail nav a span{font-size:.75rem;font-weight:700}
  .workspace-rail nav a i{color:#8192aa!important;font-size:.9rem!important}
  .workspace-rail nav a:hover{color:#fff;border-color:rgba(160,183,211,.1);background:rgba(255,255,255,.035)}
  .workspace-rail nav a.active{color:#fff!important;border-color:rgba(121,237,189,.15)!important;background:linear-gradient(90deg,rgba(121,237,189,.12),rgba(139,111,255,.07))!important;box-shadow:inset 2px 0 #79edbd,0 10px 28px rgba(0,0,0,.13)!important}
  .workspace-rail nav a.active i{color:#8cf3ca!important}
  .site-header{left:244px}
  body>.wrap,body>main.wrap,body>.site-footer{margin-left:auto;margin-right:auto}
  .rail-status{padding:12px;border-color:rgba(121,237,189,.14);border-radius:13px;background:rgba(121,237,189,.035)}
  .rail-status strong{color:#d7fced;font-size:.58rem}.rail-status small{color:#72869e;font-size:.48rem}
  .rail-account{padding:11px;border-radius:14px;background:rgba(255,255,255,.025)}
  .rail-account>span:first-child{color:#06130f;background:linear-gradient(135deg,#83f0c2,#8e9cff)}
}

body[data-app-shell="true"] main{padding-top:36px}
body[data-app-shell="true"] .app-dashboard,
body[data-app-shell="true"] #saved,
body[data-app-shell="true"] #studioHub,
body[data-app-shell="true"] #accountHub,
body[data-app-shell="true"] #marketHub,
body[data-app-shell="true"] #trade,
body[data-app-shell="true"] #vendorHub,
body[data-app-shell="true"] #creatorHub,
body[data-app-shell="true"] #soldImport,
body[data-app-shell="true"] #supportHub,
body[data-app-shell="true"] .quick-start-grid>.panel,
body[data-app-shell="true"] #calculator>.panel{
  border-color:rgba(157,183,215,.14);
  background:radial-gradient(620px 260px at 100% 0,rgba(113,91,255,.075),transparent 70%),linear-gradient(150deg,rgba(14,28,46,.97),rgba(7,16,29,.985));
  box-shadow:0 30px 90px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035);
}
.panel h2{color:#fff}.section-kicker{color:#7de9c1}.panel-lede,.hint,.data-note{color:var(--muted)}
input,select,textarea{min-height:44px;border-color:rgba(155,181,213,.19);border-radius:11px;background:#091522}
input:focus,select:focus,textarea:focus{border-color:#79edbd;box-shadow:0 0 0 4px rgba(121,237,189,.1)}
button{font-weight:750}
.account-mode-tabs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;padding:4px;border:1px solid rgba(155,181,213,.14);border-radius:12px;background:rgba(4,11,20,.48)}
.account-mode-tabs button{min-height:37px;padding:7px 10px;color:#8295ac;border:0;border-radius:9px;background:transparent;box-shadow:none}
.account-mode-tabs button.active{color:#eafff7;background:rgba(121,237,189,.11);box-shadow:inset 0 0 0 1px rgba(121,237,189,.16)}
.oauth-divider{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:#718299;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.oauth-divider:before,.oauth-divider:after{content:"";height:1px;flex:1;background:rgba(155,181,213,.14)}
.oauth-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.oauth-actions .oauth-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%!important;min-height:46px;border:1px solid rgba(155,181,213,.18);border-radius:12px;background:rgba(255,255,255,.04);box-shadow:none}.oauth-button i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-style:normal;font-weight:900}.oauth-google i{color:#4285f4;background:#fff}.oauth-apple i{color:#05070a;background:#fff}.account-session-note{grid-column:1/-1;margin:0;color:#718299;font-size:.68rem;line-height:1.5}
@media(max-width:540px){.oauth-actions{grid-template-columns:1fr}.oauth-actions .oauth-button{min-height:48px}}

.portfolio-auth-gate{
  min-height:560px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);place-items:center;align-content:stretch;gap:44px;padding:clamp(38px,5vw,72px);text-align:left;
  border-color:rgba(141,174,209,.16);border-radius:30px;
  background:radial-gradient(680px 420px at 86% 22%,rgba(114,92,255,.22),transparent 65%),radial-gradient(500px 390px at 15% 100%,rgba(61,224,181,.1),transparent 70%),linear-gradient(145deg,#101f34,#07111f 72%);
  box-shadow:0 38px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055);
}
.portfolio-auth-gate::before{opacity:.15;background-size:110px 110px,150px 150px,190px 190px}
.auth-gate-copy{z-index:2;max-width:610px}
.auth-gate-copy h2{margin:11px 0 17px;color:#fff;font-size:clamp(2.55rem,4.5vw,4.5rem);line-height:.98;letter-spacing:-.065em}
.auth-gate-copy h2 em{font-style:normal;background:linear-gradient(100deg,#87f1c4 10%,#7edcff 55%,#a799ff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.auth-gate-copy p{max-width:580px;margin:0;color:#afbdd0;font-size:1rem;line-height:1.7}
.auth-gate-actions{justify-content:flex-start;margin-top:27px}
.auth-gate-actions a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:49px;padding:12px 19px;text-decoration:none;border-radius:14px}
.auth-gate-actions a span{font-size:1.05rem;transition:transform .2s ease}.auth-gate-actions a:hover span{transform:translateX(3px)}
.auth-gate-actions a.secondary{color:#e9f1fb;border-color:rgba(167,190,218,.19);background:rgba(255,255,255,.035)}
.auth-gate-trust{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:24px;color:#8fa2b9;font-size:.68rem;font-weight:700}
.auth-gate-trust span{display:flex;align-items:center;gap:7px}.auth-gate-trust i{width:6px;height:6px;border-radius:50%;background:#6ce5b0;box-shadow:0 0 10px rgba(108,229,176,.65)}
.auth-gate-visual{position:relative;width:100%;height:390px;perspective:1000px}
.prism-card{position:absolute;overflow:hidden;width:218px;height:304px;border:1px solid rgba(255,255,255,.26);border-radius:24px;box-shadow:0 32px 72px rgba(0,0,0,.46)}
.prism-card::after{content:"";position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.22) 49%,transparent 57%);transform:rotate(14deg);animation:evollectSheen 5.5s ease-in-out infinite}
@keyframes evollectSheen{0%,58%{translate:-45% 0}82%,100%{translate:44% 0}}
.prism-card-back{right:20px;top:10px;display:grid;place-items:center;transform:rotate(9deg) translateZ(-30px);color:rgba(255,255,255,.2);font-size:3rem;font-weight:900;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 12px),linear-gradient(145deg,#29325b,#111a38)}
.prism-card-front{left:13%;top:36px;z-index:2;padding:22px;transform:rotate(-7deg);background:radial-gradient(circle at 73% 24%,rgba(255,255,255,.28),transparent 3%),radial-gradient(circle at 52% 48%,rgba(105,234,188,.55),transparent 24%),conic-gradient(from 210deg,#6450df,#202c6a,#18a98c,#5e55d9,#be5f9b,#6450df)}
.prism-card-front i{display:block;width:42px;height:42px;border:2px solid rgba(255,255,255,.72);border-radius:12px;transform:rotate(45deg)}
.prism-card-front b,.prism-card-front strong,.prism-card-front small{position:absolute;z-index:2;left:22px;display:block}.prism-card-front b{top:83px;font-size:.55rem;letter-spacing:.18em}.prism-card-front strong{bottom:43px;font-size:1.12rem;line-height:1.08;letter-spacing:.02em}.prism-card-front small{bottom:22px;font-size:.48rem;font-weight:800;letter-spacing:.14em}
.gate-value-chip,.gate-signal-chip{position:absolute;z-index:4;padding:13px 15px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(8,17,31,.84);box-shadow:0 17px 38px rgba(0,0,0,.34);backdrop-filter:blur(18px)}
.gate-value-chip{right:-7px;top:64px}.gate-signal-chip{right:8px;bottom:25px}
.gate-value-chip span,.gate-value-chip strong,.gate-value-chip small,.gate-signal-chip span,.gate-signal-chip strong{display:block}.gate-value-chip span,.gate-signal-chip span{color:#8fa4bc;font-size:.52rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.gate-value-chip strong{margin-top:4px;font-size:1.23rem}.gate-value-chip small{margin-top:3px;color:#6fe3ae;font-size:.6rem}.gate-signal-chip strong{margin-top:4px;font-size:.72rem}
.auth-gate-orb{color:#07151d;font-weight:900;background:linear-gradient(135deg,#81efbf,#8f9fff)}

body[data-app-shell="true"] #studioHub nav a,
body[data-app-shell="true"] #studioHub nav button{
  min-width:0;padding:16px;color:var(--text);text-align:left;text-decoration:none;border:1px solid rgba(160,184,214,.13);border-radius:15px;background:rgba(255,255,255,.025);font:inherit;cursor:pointer;
}
body[data-app-shell="true"] #studioHub nav button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px}
body[data-app-shell="true"] #studioHub nav a:hover,
body[data-app-shell="true"] #studioHub nav button:hover{border-color:rgba(121,237,189,.25);background:linear-gradient(135deg,rgba(121,237,189,.07),rgba(139,111,255,.045));transform:translateY(-2px)}
.studio-tool-group{overflow:hidden;margin-top:10px;border:1px solid rgba(157,183,215,.13);border-radius:16px;background:rgba(255,255,255,.018)}
.studio-tool-group>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;cursor:pointer;list-style:none}.studio-tool-group>summary::-webkit-details-marker{display:none}.studio-tool-group>summary span,.studio-tool-group>summary strong,.studio-tool-group>summary small{display:block}.studio-tool-group>summary strong{font-size:.78rem}.studio-tool-group>summary small{margin-top:3px;color:var(--muted);font-size:.58rem}.studio-tool-group>summary b{color:#78e9be;font-size:1rem;transition:transform .22s ease}.studio-tool-group[open]>summary b{transform:rotate(45deg)}
body[data-app-shell="true"] #studioHub .studio-tool-group nav{margin:0;padding:0 12px 12px;border-top:1px solid rgba(157,183,215,.1)}

@media(max-width:900px){
  .portfolio-auth-gate{grid-template-columns:1fr;gap:8px;text-align:center}
  .auth-gate-copy{order:2}.auth-gate-actions{justify-content:center}.auth-gate-trust{justify-content:center}.auth-gate-visual{order:1;height:285px;max-width:450px}.prism-card{width:166px;height:232px}.prism-card-front{left:20%}.prism-card-front strong{font-size:.85rem}.gate-value-chip{right:8%;top:35px}.gate-signal-chip{right:10%;bottom:12px}
}
@media(max-width:760px){
  body[data-app-shell="true"] main{padding-top:14px;padding-bottom:108px}
  .site-header{-webkit-backdrop-filter:none;backdrop-filter:none}
  .site-header .wrap{height:58px}.mobile-header-tools a{color:#07120f;background:linear-gradient(135deg,#84efc2,#a89bff)}
  .site-header nav{height:64px;padding:5px 7px;border-color:rgba(159,184,214,.2);border-radius:19px;background:rgba(8,17,30,.92);box-shadow:0 20px 54px rgba(0,0,0,.48);backdrop-filter:blur(24px) saturate(1.3)}
  .site-header nav a{font-size:.61rem;color:#91a2b7}.site-header nav a::before{font-size:1.05rem}
  .site-header nav a[href="#scan"]{margin-top:0;padding-top:8px;border:0;border-radius:13px;color:#07120f;background:linear-gradient(145deg,#83efc2,#7bd8ff);box-shadow:0 9px 26px rgba(84,220,188,.22);animation:none}
  .site-header nav a.active:not([href="#scan"]){color:#fff;background:rgba(139,111,255,.13)}
  .site-header nav a.active::after{background:#79edbd;box-shadow:0 0 10px rgba(121,237,189,.65)}
  body[data-app-shell="true"] .app-dashboard{padding:0;border:0;background:transparent;box-shadow:none}
  .portfolio-auth-gate{min-height:0;gap:13px;padding:23px 18px 26px;border-radius:23px;text-align:left}
  .auth-gate-visual{order:1;height:184px;max-width:none}
  .prism-card{width:116px;height:162px;border-radius:16px}.prism-card-back{right:13%;top:2px}.prism-card-front{left:12%;top:13px;padding:13px}.prism-card-front i{width:26px;height:26px;border-radius:8px}.prism-card-front b{left:13px;top:54px;font-size:.37rem}.prism-card-front strong{left:13px;bottom:27px;font-size:.55rem}.prism-card-front small{left:13px;bottom:13px;font-size:.3rem}
  .gate-value-chip{right:1%;top:21px;padding:10px 11px}.gate-value-chip strong{font-size:.87rem}.gate-value-chip span,.gate-value-chip small{font-size:.42rem}.gate-signal-chip{right:3%;bottom:2px;padding:9px 11px}.gate-signal-chip span{font-size:.39rem}.gate-signal-chip strong{font-size:.55rem}
  .auth-gate-copy{order:2}.auth-gate-copy h2{margin:8px 0 12px;font-size:2.15rem;line-height:1.01}.auth-gate-copy p{font-size:.82rem;line-height:1.58}
  .auth-gate-actions{justify-content:stretch;margin-top:19px}.auth-gate-actions a{width:100%;min-height:46px}.auth-gate-actions a.secondary{width:auto;padding-inline:15px}
  .auth-gate-trust{justify-content:flex-start;margin-top:17px;font-size:.56rem}.auth-gate-trust span:last-child{display:none}
  .tier-grid{grid-template-columns:1fr}
}