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

:root{
  --bg:#090912;
  --panel:#151420;
  --panel2:#1b1827;
  --line:rgba(205,190,255,.16);
  --text:#f5f1ff;
  --body:#b8b0c4;
  --muted:#888193;
  --violet:#ae94ff;
  --blue:#7bd7ff;
  --green:#72e1b4;
  --warn:#ffd06d;
  --red:#ff8195;
}
*{box-sizing:border-box}
html{font-size:16px}
body{
  margin:0;min-width:320px;background:#090912;color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55
}
button,input,select{font:inherit}
a{color:inherit}
.market-bg{position:fixed;inset:0;z-index:-3;background:
  radial-gradient(circle at 14% -8%,rgba(116,75,222,.28),transparent 31%),
  radial-gradient(circle at 98% 28%,rgba(40,139,194,.18),transparent 30%),
  linear-gradient(180deg,#0b0916,#090b12)}
.market-header{
  width:min(1440px,calc(100% - 56px));min-height:82px;margin:0 auto;
  display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)
}
.market-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.market-brand>span{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#d7c9ff,#78d4ff);color:#15101f;
  font:700 14px/1 "Space Grotesk"
}
.market-brand strong,.market-brand small{display:block}
.market-brand strong{font:700 18px "Space Grotesk"}
.market-brand small{font-size:11px;color:#91899f}
.market-header nav{margin-left:auto;display:flex;gap:24px}
.market-header nav a{text-decoration:none;color:#aaa2b7;font-size:14px;font-weight:700}
.market-header nav a:hover{color:#fff}
.market-shell{width:min(1340px,calc(100% - 56px));margin:0 auto;padding:70px 0 100px}
.market-hero{
  display:grid;grid-template-columns:1fr minmax(420px,.68fr);gap:65px;align-items:end;
  padding-bottom:44px;border-bottom:1px solid var(--line)
}
.market-hero>div>p{margin:0;color:#aa97ff;font-size:13px;font-weight:800;letter-spacing:.12em}
.market-hero h1{
  font:700 clamp(54px,7vw,94px)/.92 "Space Grotesk";
  letter-spacing:-.06em;margin:13px 0 17px
}
.market-hero h1 span{
  background:linear-gradient(90deg,#dccfff,#7fd7ff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero-sub{max-width:760px;color:#b7afc3;font-size:17px;line-height:1.7}
.market-search-form{display:flex;gap:9px;align-items:flex-end}
.search-field{flex:1;position:relative}
.search-field label{display:block;font-size:13px;font-weight:700;color:#bbb3c8;margin-bottom:8px}
.search-field input{
  width:100%;border:1px solid rgba(205,190,255,.23);border-radius:14px;
  background:rgba(8,8,15,.76);color:#f7f3ff;padding:13px 14px;outline:none;font-size:15px
}
.search-field input:focus{border-color:rgba(125,208,255,.55);box-shadow:0 0 0 4px rgba(111,199,255,.07)}
.market-search-form>button,.market-controls button{
  border:0;border-radius:14px;background:linear-gradient(135deg,#b39bff,#7dd8ff);
  color:#14101d;padding:13px 17px;min-height:48px;font-weight:800;cursor:pointer
}
.market-search-form>button span{margin-left:9px}
.search-suggest{
  display:none;position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:6px;
  border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#171522;
  box-shadow:0 20px 55px rgba(0,0,0,.38)
}
.search-suggest.show{display:block}
.search-suggest button{
  width:100%;border:0;border-bottom:1px solid rgba(205,190,255,.09);
  background:transparent;color:#efeaff;padding:10px 12px;text-align:left;
  display:flex;gap:10px;align-items:center;cursor:pointer
}
.search-suggest button:last-child{border-bottom:0}
.search-suggest button:hover{background:rgba(154,128,255,.09)}
.search-suggest img{width:36px;height:36px;border-radius:8px}
.search-suggest strong,.search-suggest small{display:block}
.search-suggest small{color:#8d8598;margin-top:2px}
.market-empty{text-align:center;padding:105px 20px}
.empty-orbit{
  width:82px;height:82px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;
  border:1px solid rgba(169,145,255,.26);font:700 36px "Space Grotesk";color:#c9b8ff;
  box-shadow:0 0 60px rgba(114,83,214,.13)
}
.market-empty h2{font:700 34px "Space Grotesk";margin:0 0 9px}
.market-empty p{color:#9991a5;font-size:15px}
.starter-searches{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.starter-searches button{
  border:1px solid var(--line);border-radius:999px;padding:8px 12px;
  background:rgba(255,255,255,.04);color:#c3bacd;cursor:pointer
}
.market-loading,.market-error{
  margin:42px 0;padding:34px;border:1px solid var(--line);border-radius:22px;
  background:rgba(18,17,29,.72);text-align:center
}
.market-loading strong,.market-loading span,.market-error strong,.market-error span{display:block}
.market-loading span,.market-error span{color:#9d95a8;margin-top:6px}
.loading-ring{
  width:38px;height:38px;border:3px solid rgba(185,166,255,.15);
  border-top-color:#b49aff;border-radius:50%;margin:0 auto 15px;animation:spin .85s linear infinite
}
@keyframes spin{to{transform:rotate(360deg)}}
.market-error{border-color:rgba(255,117,140,.28)}
.market-error strong{color:#ff97a8}
.item-page{padding-top:36px}
.item-titlebar{
  display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;
  padding:23px;border:1px solid var(--line);border-radius:24px;background:rgba(18,17,29,.72)
}
.item-titlebar img{width:82px;height:82px;border-radius:17px;background:rgba(0,0,0,.2)}
.item-titlecopy>span{color:#938aa2;font-size:12px;font-weight:800;letter-spacing:.1em}
.item-titlecopy h2{font:700 38px/1.05 "Space Grotesk";letter-spacing:-.035em;margin:5px 0 5px}
.item-titlecopy p{margin:0;color:#928a9d;font-size:13px}
.market-controls{display:flex;align-items:end;gap:9px}
.market-controls label>span{display:block;font-size:11px;color:#8f879b;margin-bottom:5px}
.market-controls input,.market-controls select{
  border:1px solid var(--line);border-radius:11px;background:#0e0d16;color:#eee9f5;
  padding:10px 11px;outline:none;min-height:42px
}
.market-controls input{width:130px}
.market-controls button{min-height:42px;padding:10px 13px;border-radius:11px}
.hub-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:13px 0}
.hub-card{
  border:1px solid var(--line);border-radius:15px;background:rgba(18,17,29,.68);
  padding:13px;text-align:left;color:#eee9f7;cursor:pointer
}
.hub-card.active{border-color:rgba(129,211,255,.52);background:rgba(32,43,64,.62)}
.hub-card .hub-name{font-weight:800;font-size:13px}
.hub-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.hub-mini span{display:block;color:#81798d;font-size:10px}.hub-mini strong{display:block;font-size:12px;margin-top:2px}
.hub-conf{display:inline-flex;margin-top:9px;border-radius:999px;padding:4px 7px;font-size:10px;background:rgba(255,255,255,.05);color:#a9a1b5}
.market-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:13px}
.market-main,.market-side{display:grid;gap:13px;align-content:start}
.intel-panel{
  border:1px solid var(--line);border-radius:20px;background:rgba(18,17,29,.72);padding:20px
}
.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}
.panel-heading span{display:block;color:#847c91;font-size:10px;font-weight:800;letter-spacing:.1em}
.panel-heading h3{font:700 21px "Space Grotesk";margin:3px 0 0}
.confidence-pill{border:1px solid var(--line);border-radius:999px;padding:6px 9px!important;font-size:11px!important;color:#c1b7d1!important}
.price-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.price-kpis>div,.history-kpis>div{
  border:1px solid rgba(205,190,255,.10);border-radius:13px;background:rgba(7,7,13,.34);padding:11px
}
.price-kpis span,.history-kpis span{display:block;color:#81798e;font-size:10px}
.price-kpis strong{display:block;font-size:14px;margin-top:4px;overflow-wrap:anywhere}
.market-chart{display:block;width:100%;height:250px;color:#a78cff;border-radius:13px;background:rgba(7,7,13,.35)}
.history-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
.history-kpis strong{display:block;font-size:14px;margin-top:4px}
.up{color:#76e4b5!important}.down{color:#ff8498!important}
.market-table-wrap{overflow:auto}
.market-table{width:100%;min-width:790px;border-collapse:collapse}
.market-table th,.market-table td{padding:10px 9px;border-bottom:1px solid rgba(205,190,255,.08);text-align:right;font-size:12px}
.market-table th{color:#81798d;font-size:10px;text-transform:uppercase}
.market-table th:first-child,.market-table td:first-child{text-align:left}
.market-table button{border:0;background:none;color:#bcaaff;font-weight:800;cursor:pointer;padding:0}
.health-row{display:flex;gap:7px;flex-wrap:wrap}
.health-pill{border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:11px}
.health-pill.good{color:#79e4b7;border-color:rgba(101,226,174,.33)}
.health-pill.warn{color:#ffd477;border-color:rgba(255,209,107,.35)}
.health-pill.bad{color:#ff91a2;border-color:rgba(255,119,140,.35)}
.market-warning{margin-top:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,210,105,.22);color:#e9d394;font-size:12px}
.market-warning.high{border-color:rgba(255,113,137,.28);color:#ff9eae}
.market-warning strong{display:block;margin-bottom:3px}
.detail-list{display:grid;gap:1px}
.detail-list div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(205,190,255,.08);font-size:12px}
.detail-list div:last-child{border-bottom:0}
.detail-list span{color:#827a8e}.detail-list strong{text-align:right}
.pricecheck-jump{
  display:block;text-decoration:none;border:1px solid rgba(175,150,255,.24);border-radius:18px;
  padding:17px;background:linear-gradient(135deg,rgba(99,69,183,.22),rgba(31,38,57,.56))
}
.pricecheck-jump span,.pricecheck-jump strong{display:block}
.pricecheck-jump span{font-size:11px;color:#91889d}.pricecheck-jump strong{font-size:14px;margin-top:4px;color:#e0d5ff}
.market-footer{width:min(1340px,calc(100% - 56px));margin:0 auto;padding:30px 0 48px;border-top:1px solid var(--line);color:#736c7c;font-size:12px}
@media(max-width:1050px){
  .market-hero{grid-template-columns:1fr}.market-layout{grid-template-columns:1fr}
  .item-titlebar{grid-template-columns:auto 1fr}.market-controls{grid-column:1/-1}
  .hub-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .market-header,.market-shell,.market-footer{width:calc(100% - 32px)}
  .market-header nav{display:none}.market-shell{padding-top:46px}
  .market-hero h1{font-size:55px}.market-search-form{align-items:stretch;flex-direction:column}
  .item-titlebar{grid-template-columns:1fr}.item-titlebar img{width:68px;height:68px}
  .market-controls{align-items:stretch;flex-direction:column}.market-controls input,.market-controls select{width:100%}
  .hub-strip{grid-template-columns:1fr 1fr}.price-kpis{grid-template-columns:1fr 1fr}.price-kpis>div:nth-child(5){grid-column:1/-1}
  .history-kpis{grid-template-columns:1fr 1fr}
}