.super-search-page { padding: clamp(18px, 2.5vw, 34px); color: #eef4ff; }
.super-search-gate, .super-search-shell { max-width: 1480px; margin: 0 auto; border: 1px solid #2a4160; border-radius: 24px; background: #0c1525; box-shadow: 0 20px 70px rgba(0,0,0,.25); }
.super-search-gate { padding: clamp(28px, 5vw, 70px); text-align: center; }
.super-search-gate span, .super-search-head > div > span, .super-search-form label > span, .super-search-section-label { color: #49e8ff; font: 800 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .14em; }
.super-search-gate h1, .super-search-head h1 { margin: 8px 0; color: #f8fbff; }
.super-search-gate p, .super-search-head p { margin: 0; color: #9eb0ca; }
.super-search-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: clamp(22px,3vw,38px); border-bottom: 1px solid #23344e; background: linear-gradient(110deg,rgba(34,224,255,.08),rgba(147,78,255,.06)); }
.super-search-head h1 { font-size: clamp(2rem,4vw,4rem); }
.super-search-access { padding: 10px 14px; border: 1px solid #a168ff; border-radius: 999px; background: rgba(113,62,196,.16); color: #c9a8ff; font: 900 .75rem/1 ui-monospace,monospace; letter-spacing: .12em; }
.super-search-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding: 24px clamp(20px,3vw,38px) 12px; }
.super-search-form label { display: grid; gap: 8px; }
.super-search-form input { min-width: 0; height: 54px; padding: 0 18px; border: 1px solid #35506f; border-radius: 13px; outline: none; background: #070f1c; color: #fff; font: 700 1rem/1 inherit; }
.super-search-form input:focus { border-color: #42ddff; box-shadow: 0 0 0 3px rgba(66,221,255,.12); }
.super-search-form button, .super-search-match { border: 1px solid #42688f; border-radius: 13px; background: #132039; color: #f5f8ff; cursor: pointer; font: 900 .85rem/1.2 inherit; }
.super-search-form button { align-self: end; min-height: 54px; padding: 0 24px; background: linear-gradient(120deg,#1d91b7,#7058ff); }
.super-search-status { margin: 0; padding: 10px clamp(20px,3vw,38px) 22px; color: #9eb0ca; }
.super-search-status[data-state="error"] { color: #ff6f8e; }
.super-search-status[data-state="loading"] { color: #ffd24b; }
.super-search-status[data-state="ready"] { color: #42f5b3; }
.super-search-matches { display: flex; gap: 9px; padding: 0 clamp(20px,3vw,38px) 24px; overflow-x: auto; }
.super-search-match { flex: 0 0 auto; display: grid; gap: 4px; min-width: 180px; padding: 12px 14px; text-align: left; }
.super-search-match small { color: #8fa4bf; font-weight: 600; }
.super-search-match.active { border-color: #ff47d7; background: #261536; box-shadow: inset 0 -2px #ff47d7; }
.super-search-profile { border-top: 1px solid #23344e; }
.super-search-identity { display: grid; grid-template-columns: auto minmax(0,1fr) repeat(4,minmax(110px,auto)); gap: 14px; align-items: center; padding: clamp(20px,3vw,36px); background: #0a1322; }
.super-search-avatar { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid #bd4eff; border-radius: 17px; background: linear-gradient(145deg,#1d314d,#401851); color: #fff; font-weight: 900; }
.super-search-name h2 { margin: 0 0 4px; font-size: 1.45rem; }
.super-search-name p { margin: 0; color: #8fa4bf; }
.super-search-watch { color: #ffdc4b !important; }
.super-search-kpi { padding: 12px 14px; border: 1px solid #263a55; border-radius: 13px; background: #101b2e; }
.super-search-kpi span { display: block; color: #7f94af; font: 800 .65rem/1.2 ui-monospace,monospace; letter-spacing: .08em; }
.super-search-kpi strong { display: block; margin-top: 5px; color: #45f2bd; font-size: 1rem; }
.super-search-cycles { padding: clamp(20px,3vw,36px); }
.super-search-cycles h2 { margin: 7px 0 18px; }
.super-search-cycle-grid { display: grid; gap: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.super-search-cycle { overflow: hidden; border: 1px solid #2b405c; border-radius: 18px; background: #0a1322; }
.super-search-cycle-head { display: flex; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid #263a55; background: #111d31; }
.super-search-cycle-head strong { font-size: 1.15rem; }
.super-search-cycle-head span { color: #47eaff; font-weight: 800; }
.super-search-cycle-stats { display: grid; grid-template-columns: repeat(3,1fr); }
.super-search-cycle-stats div { min-width: 0; padding: 13px 15px; border-right: 1px solid #22344d; border-bottom: 1px solid #22344d; }
.super-search-cycle-stats span { display: block; color: #8296b1; font: 800 .64rem/1.2 ui-monospace,monospace; text-transform: uppercase; }
.super-search-cycle-stats strong { display: block; margin-top: 5px; color: #f5f8ff; overflow-wrap: anywhere; }
.super-search-cycle-stats .positive { color: #42f5b3; }
.super-search-cycle-detail { padding: 15px 18px; border-bottom: 1px solid #22344d; }
.super-search-cycle-detail:last-child { border-bottom: 0; }
.super-search-cycle-detail h3 { margin: 0 0 10px; color: #8da1bc; font: 900 .7rem/1.2 ui-monospace,monospace; letter-spacing: .1em; }
.super-search-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.super-search-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid #375578; border-radius: 999px; background: #101e33; color: #dbe7f7; font-size: .78rem; font-weight: 800; }
.super-search-chip b { color: #45eaff; }
.super-search-empty { color: #8296b1; font-size: .85rem; }
.super-search-premium-lock { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:5px 10px; align-items:center; padding:12px; border:1px solid #8a681c; border-radius:12px; background:rgba(73,51,5,.22); }
.super-search-premium-lock > span { grid-row:1/3; padding:6px 8px; border:1px solid #ffc238; border-radius:999px; color:#ffd158; font:900 .62rem/1 ui-monospace,monospace; letter-spacing:.08em; }
.super-search-premium-lock strong { color:#fff1c8; }
.super-search-premium-lock small { color:#a99872; }
.super-search-premium-lock a { grid-row:1/3; grid-column:3; padding:8px 10px; border:1px solid #ffc238; border-radius:9px; color:#ffd158; font-weight:900; text-decoration:none; white-space:nowrap; }
@media (max-width:1100px) {
  .super-search-identity { grid-template-columns: auto minmax(0,1fr) repeat(2,minmax(120px,auto)); }
  .super-search-cycle-grid { grid-template-columns: 1fr; }
}
@media (max-width:680px) {
  .super-search-page { padding: 10px; }
  .super-search-head { flex-direction: column; }
  .super-search-form { grid-template-columns: 1fr; }
  .super-search-form button { width: 100%; }
  .super-search-identity { grid-template-columns: auto minmax(0,1fr); }
  .super-search-kpi { min-width: 0; }
  .super-search-cycle-stats { grid-template-columns: repeat(2,1fr); }
  .super-search-premium-lock { grid-template-columns:auto 1fr; }
  .super-search-premium-lock a { grid-row:auto; grid-column:1/-1; text-align:center; }
}