@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

:root{
  --bg:#0a0913;
  --panel:#171423;
  --panel2:#1c1828;
  --border:rgba(207,190,255,.18);
  --text:#f5f0ff;
  --muted:#a9a0b7;
  --accent:#a98cff;
  --accent2:#79d9ff;
  --danger:#ff788f;
  --ok:#69e0b1;
  --warn:#ffd071;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{font-size:16px;background:#090812}
body{
  margin:0;background:
  radial-gradient(circle at 10% 0%,rgba(102,72,215,.20),transparent 32%),
  radial-gradient(circle at 92% 15%,rgba(49,142,190,.15),transparent 28%),
  linear-gradient(180deg,#0a0913,#0b0c14);
  color:var(--text);font-family:Inter,system-ui,sans-serif;min-width:320px;line-height:1.55
}
a{color:#bba8ff}
.tool-portal-header{
  min-height:84px;width:min(1500px,calc(100% - 56px));margin:0 auto;
  display:flex;align-items:center;gap:26px;border-bottom:1px solid rgba(201,185,255,.12)
}
.tool-wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.tool-wordmark .mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#d8cbff,#78d4ff);color:#16111f;display:grid;place-items:center;font:700 14px "Space Grotesk"}
.tool-wordmark strong,.tool-wordmark small{display:block}.tool-wordmark strong{font:700 18px "Space Grotesk"}.tool-wordmark small{font-size:11px;color:#91899f;margin-top:3px}
.tool-portal-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.tool-portal-nav a{font-size:14px;font-weight:600;text-decoration:none;color:#aaa2b7}.tool-portal-nav a:hover{color:#fff}
.tool-page-intro{width:min(1380px,calc(100% - 56px));margin:0 auto;padding:72px 0 28px}
.tool-page-intro p{margin:0;color:#aa9dff;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tool-page-intro h1{font:700 clamp(50px,6.5vw,92px)/.95 "Space Grotesk";letter-spacing:-.055em;margin:14px 0 17px}
.tool-page-intro h1 span{background:linear-gradient(90deg,#d7c9ff,#8bd8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.tool-page-intro>div>div{max-width:870px;color:#b7afc3;font-size:18px;line-height:1.7}
.pc-shell{width:min(1380px,calc(100% - 56px));margin:0 auto;padding:0 0 100px}
.pc-shell .grid{display:grid}
.pc-shell .card{
  border:1px solid var(--border);border-radius:26px;
  background:linear-gradient(145deg,rgba(26,22,41,.90),rgba(14,15,25,.92));
  padding:26px;box-shadow:0 18px 70px rgba(0,0,0,.18)
}
.pc-shell .card + .card{margin-top:16px}
.pc-shell h1{font:700 42px "Space Grotesk";letter-spacing:-.04em}
.pc-shell h2{font:700 28px "Space Grotesk";letter-spacing:-.025em}
.pc-shell h3{font:700 21px "Space Grotesk"}
.pc-shell label{font-size:15px;font-weight:700;color:#ddd5e7}
.pc-shell .hint,.pc-shell .small{font-size:14px!important;line-height:1.6;color:var(--muted)!important}
.pc-shell code{font-family:var(--mono);font-size:.94em}
.pc-shell textarea,.pc-shell input,.pc-shell select{
  width:100%;font-size:16px!important;color:var(--text);
  background:#0d0c16;border:1px solid rgba(210,193,255,.20);
  border-radius:14px;padding:13px 14px;outline:none
}
.pc-shell textarea{line-height:1.55}
.pc-shell textarea:focus,.pc-shell input:focus,.pc-shell select:focus{border-color:rgba(178,147,255,.62);box-shadow:0 0 0 4px rgba(150,116,255,.08)}
.pc-shell select option{background:#151220}
.pc-shell .btn{
  appearance:none;border:1px solid rgba(205,187,255,.22);
  border-radius:13px;padding:10px 14px;font-size:14px!important;font-weight:700;
  color:#ddd5ea;background:rgba(255,255,255,.045);cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;min-height:42px
}
.pc-shell .btn:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(211,196,255,.38)}
.pc-shell .btn.primary{background:linear-gradient(135deg,#8b6bec,#6d78df);border-color:transparent;color:#fff}
.pc-shell .btn.secondary{background:rgba(118,94,205,.22);color:#e4dbff}
.pc-shell .btn:disabled{opacity:.43;cursor:not-allowed}
.pc-shell .badge{font-size:13px!important;border-radius:999px;padding:5px 9px;background:rgba(169,140,255,.12);color:#d9cbff}
.pc-shell .notice{font-size:15px!important;border-radius:15px;padding:13px 14px}
.pc-shell .tablewrap{border:1px solid var(--border)!important;border-radius:18px!important;background:#0f0e18;overflow:auto!important}
.pc-shell .table{width:100%;border-collapse:collapse;min-width:900px}
.pc-shell .table th{padding:12px 13px!important;font-size:13px!important;color:#a59bad!important;background:#15121e!important}
.pc-shell .table td{padding:13px!important;font-size:14px!important;border-top:1px solid rgba(201,184,255,.09)!important}
.pc-shell .pc-badge{font-size:14px!important;padding:8px 12px!important}
.pc-shell .hubbadge{font-size:14px!important;padding:13px!important}
.pc-shell .hubbadge .h-title{font-size:14px!important}
.pc-shell .hubbadge .h-sub{font-size:13px!important}
.pc-shell .pc-totalblock{padding:11px 13px!important}
.pc-shell .pc-totalblock .lbl{font-size:13px!important}
.pc-shell .pc-totalblock .val{font-size:23px!important}
.pc-shell .pc-market-freshness{border-radius:18px!important;padding:14px 16px!important;font-size:14px!important}
.pc-shell .pc-market-source{font-size:14px!important}
.pc-shell .pc-market-age,.pc-shell .pc-market-state{font-size:13px!important}
.pc-shell .pc-intel-summary{font-size:14px!important}
.pc-shell .pc-intel-card{border-radius:16px!important}
.pc-shell .pc-intel-card-title{font-size:14px!important}
.pc-shell .pc-intel-metric-label{font-size:12px!important}
.pc-shell .pc-intel-metric-value{font-size:17px!important}
.pc-shell .pc-intel-history-note{font-size:13px!important}
.pc-shell .pc-recycle-table{font-size:13px!important}
.pc-shell .pc-recycle-table th{font-size:11px!important}
.pc-shell .pc-advanced-inline{font-size:13px!important}
.pc-shell .pc-market-btn{font-size:12px!important}
.pc-shell .pc-copybtn{font-size:12px!important;padding:6px 9px!important}
.pc-shell .pc-unresolved-dialog{border-radius:24px!important;background:#17131f!important}
.pc-shell .pc-unresolved-dialog .hint{font-size:14px!important}
.tool-note{
  width:min(1380px,calc(100% - 56px));margin:0 auto 70px;padding:22px 25px;border-radius:22px;
  border:1px solid rgba(205,190,255,.14);background:rgba(18,16,29,.66);display:flex;justify-content:space-between;gap:24px;align-items:center
}
.tool-note strong{font:700 18px "Space Grotesk"}.tool-note p{margin:4px 0 0;color:#9f97ad;font-size:14px}
.tool-note a{text-decoration:none;font-weight:800}
.tool-footer{width:min(1380px,calc(100% - 56px));margin:0 auto;padding:34px 0 50px;border-top:1px solid rgba(200,184,255,.12);color:#746d80;font-size:12px}
@media(max-width:850px){
  .tool-portal-nav{display:none}.tool-page-intro,.pc-shell,.tool-note,.tool-footer,.tool-portal-header{width:calc(100% - 32px)}
  .tool-page-intro{padding-top:50px}.tool-page-intro h1{font-size:52px}.pc-shell .card{padding:18px}
  .tool-note{align-items:flex-start;flex-direction:column}
}