@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

.igx-wrap,.igx-wrap *{box-sizing:border-box!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums!important;line-height:normal}.igx-wrap{--a:#feda75;--b:#fa7e1e;--c:#d62976;--d:#962fbf;--bg:#0c0b12;--text:#fff;--muted:rgba(255,255,255,.74);--card:rgba(255,255,255,.08);--line:rgba(255,255,255,.16);width:100%!important;min-height:100%!important;overflow-x:hidden!important;padding:clamp(24px,4vw,48px) 12px!important;background:radial-gradient(850px 460px at 10% 5%,rgba(254,218,117,.18),transparent 62%),radial-gradient(850px 430px at 92% 10%,rgba(214,41,118,.18),transparent 58%),linear-gradient(180deg,var(--bg),#07070d)!important;color:var(--text)!important}.igx-container{max-width:1200px!important;margin:0 auto!important}.igx-title{margin:0!important;padding:18px 8px 16px!important;text-align:center!important;font-size:clamp(34px,5vw,60px)!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-.055em!important;background:linear-gradient(90deg,var(--a) 0%,var(--b) 35%,var(--c) 68%,var(--d) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.igx-sub{max-width:780px!important;margin:0 auto 24px!important;text-align:center!important;color:var(--muted)!important;font-size:clamp(14px,1.4vw,17px)!important;line-height:1.6!important}.igx-card-shell,.igx-help,.igx-state,.igx-loading,.igx-empty,.igx-profile,.igx-caption{border:1px solid var(--line)!important;background:var(--card)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 24px 80px rgba(0,0,0,.30)!important}.igx-card-shell{border-radius:28px!important;padding:clamp(14px,2vw,20px)!important}.igx-form{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:start!important}.igx-field{position:relative!important;min-width:0!important}.igx-input{width:100%!important;height:56px!important;padding:0 48px 0 18px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(0,0,0,.36)!important;color:#fff!important;font-size:15px!important;outline:none!important;box-shadow:none!important}.igx-input::placeholder{color:rgba(255,255,255,.48)!important}.igx-input:focus{border-color:var(--b)!important;box-shadow:0 0 0 4px rgba(250,126,30,.16),0 0 30px rgba(250,126,30,.14)!important}.igx-clear{position:absolute!important;right:10px!important;top:11px!important;width:34px!important;height:34px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:20px!important;cursor:pointer!important;display:none}.igx-input-message{display:block!important;min-height:18px!important;margin:8px 0 0!important;font-size:13px!important;line-height:1.35!important;color:rgba(255,255,255,.66)!important}.igx-input-message.igx-bad{color:#ffd0da!important}.igx-input-message.igx-ok{color:#d8fff0!important}.igx-submit{height:56px!important;border:0!important;border-radius:18px!important;padding:0 24px!important;cursor:pointer!important;color:#fff!important;font-size:15px!important;font-weight:950!important;white-space:nowrap!important;background:linear-gradient(135deg,var(--a),var(--b),var(--c),var(--d))!important;box-shadow:0 16px 40px rgba(250,126,30,.22)!important;transition:transform .18s ease,opacity .18s ease!important}.igx-submit:hover{transform:translateY(-2px)!important}.igx-submit:disabled{opacity:.72!important;cursor:not-allowed!important;transform:none!important}.igx-help{margin-top:16px!important;border-radius:24px!important;padding:16px!important}.igx-help h2{margin:0 0 12px!important;color:#fff!important;font-size:18px!important;font-weight:950!important}.igx-help-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.igx-help-card{display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:start!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;border-radius:18px!important;padding:12px!important}.igx-help-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(135deg,var(--a),var(--b),var(--c))!important;color:#fff!important;font-weight:950!important}.igx-help-card strong{display:block!important;color:#fff!important;font-size:13px!important;margin:0 0 3px!important}.igx-help-card span{display:block!important;color:var(--muted)!important;font-size:12px!important;line-height:1.35!important}.igx-state{display:none;margin-top:14px!important;border-radius:18px!important;padding:12px 14px!important;font-size:14px!important;font-weight:850!important;line-height:1.45!important}.igx-error{border-color:rgba(255,92,122,.36)!important;background:rgba(255,92,122,.12)!important;color:#ffd7de!important}.igx-success{border-color:rgba(78,230,168,.34)!important;background:rgba(78,230,168,.10)!important;color:#d8fff0!important}.igx-loading{display:none;margin-top:18px!important;border-radius:24px!important;padding:18px!important}.igx-loading-top{display:flex!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important;font-weight:950!important;color:#fff!important}.igx-spinner{width:24px!important;height:24px!important;border-radius:50%!important;border:3px solid rgba(255,255,255,.2)!important;border-top-color:var(--b)!important;animation:igxSpin .75s linear infinite!important}.igx-skeleton-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.igx-skel{height:260px!important;border-radius:22px!important;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.15),rgba(255,255,255,.06))!important;background-size:220% 100%!important;animation:igxShim 1.2s linear infinite!important}@keyframes igxSpin{to{transform:rotate(360deg)}}@keyframes igxShim{to{background-position:-220% 0}}.igx-empty{margin-top:18px!important;border-radius:24px!important;padding:22px!important;text-align:center!important;color:var(--muted)!important}.igx-empty strong{display:block!important;color:#fff!important;font-size:18px!important;margin-bottom:6px!important}.igx-empty span{display:block!important;color:var(--muted)!important}.igx-results{display:none!important;margin-top:22px!important}.igx-results.igx-show{display:block!important}.igx-tabs{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:0 0 14px!important}.igx-tab{border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:999px!important;padding:9px 12px!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important}.igx-tab span{margin-left:5px!important;color:rgba(255,255,255,.65)!important}.igx-tab.igx-active{background:linear-gradient(135deg,var(--b),var(--c))!important;border-color:transparent!important}.igx-profile{display:flex!important;align-items:center!important;gap:15px!important;border-radius:26px!important;padding:16px!important;margin-bottom:15px!important}.igx-mini{padding:13px!important}.igx-ring{width:76px!important;height:76px!important;flex:0 0 auto!important;border-radius:50%!important;padding:3px!important;background:linear-gradient(135deg,var(--a),var(--b),var(--c),var(--d))!important}.igx-avatar{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;background:#111!important;display:block!important}.igx-profile h2{margin:0!important;color:#fff!important;font-size:clamp(20px,2vw,30px)!important;font-weight:950!important;line-height:1.1!important}.igx-profile p{margin:5px 0 0!important;color:var(--muted)!important;font-size:13px!important}.igx-stats{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}.igx-stats b{display:grid!important;gap:2px!important;min-width:82px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:rgba(255,255,255,.07)!important;padding:8px!important;color:#fff!important;font-size:16px!important}.igx-stats small{color:var(--muted)!important;font-size:11px!important;font-weight:800!important}.igx-toolbar{margin:0 0 13px!important}.igx-toolbar input{width:100%!important;height:44px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(0,0,0,.28)!important;color:#fff!important;padding:0 13px!important;outline:none!important}.igx-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.igx-card{border:1px solid rgba(255,255,255,.15)!important;background:rgba(255,255,255,.075)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 20px 54px rgba(0,0,0,.24)!important;transition:transform .18s ease,border-color .18s ease!important}.igx-card:hover{transform:translateY(-3px)!important;border-color:rgba(250,126,30,.35)!important}.igx-media-box{position:relative!important;width:100%!important;aspect-ratio:9/12!important;background:rgba(0,0,0,.34)!important;overflow:hidden!important}.igx-square{width:100%!important;aspect-ratio:1/1!important;background:rgba(0,0,0,.34)!important;overflow:hidden!important}.igx-media-box img,.igx-media-box video,.igx-square img,.igx-media-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;background:#111!important}.igx-media-box>span{position:absolute!important;z-index:2!important;left:10px!important;top:10px!important;border-radius:999px!important;background:rgba(0,0,0,.54)!important;color:#fff!important;font-size:11px!important;font-weight:950!important;padding:6px 9px!important;text-transform:capitalize!important}.igx-card-body{padding:13px!important}.igx-card h3{margin:0 0 7px!important;color:#fff!important;font-size:14px!important;font-weight:950!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.igx-card p{margin:0 0 12px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.45!important}.igx-actions{display:flex!important;gap:8px!important}.igx-actions button,.igx-actions a{flex:1!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:13px!important;padding:10px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important}.igx-actions button:last-child,.igx-actions a:last-child{background:linear-gradient(135deg,var(--b),var(--c))!important}.igx-pager{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:16px!important;color:#fff!important}.igx-pager button{border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;padding:9px 14px!important;font-weight:950!important;cursor:pointer!important}.igx-pager button:disabled{opacity:.45!important;cursor:not-allowed!important}.igx-highlight-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}.igx-highlight-list button{border:1px solid rgba(255,255,255,.14)!important;border-radius:20px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;padding:12px!important;text-align:left!important;cursor:pointer!important}.igx-highlight-cover{width:54px!important;height:54px!important;border-radius:50%!important;object-fit:cover!important;display:block!important;margin-bottom:8px!important}.igx-highlight-list b{display:block!important;color:#fff!important;font-size:13px!important}.igx-highlight-list small{display:block!important;color:var(--muted)!important;font-size:11px!important;margin-top:3px!important}.igx-follower-grid,.igx-comment-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.igx-person,.igx-comment{display:flex!important;gap:12px!important;align-items:flex-start!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.075)!important;border-radius:20px!important;padding:12px!important}.igx-person img,.igx-comment img{width:46px!important;height:46px!important;border-radius:50%!important;object-fit:cover!important;background:#111!important;flex:0 0 auto!important}.igx-person h3,.igx-comment h3{margin:0 0 4px!important;color:#fff!important;font-size:14px!important;font-weight:950!important}.igx-person p,.igx-comment p{margin:0!important;color:var(--muted)!important;font-size:12px!important;line-height:1.45!important}.igx-caption{border-radius:22px!important;padding:14px!important;margin-bottom:14px!important;color:#fff!important}.igx-caption p{margin:6px 0 0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.5!important}.igx-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(10px)!important}.igx-modal.igx-open{display:flex!important}.igx-modal-panel{width:min(980px,calc(100vw - 24px))!important;max-height:calc(100vh - 24px)!important;border-radius:26px!important;overflow:hidden!important;background:#080811!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 34px 120px rgba(0,0,0,.55)!important;display:flex!important;flex-direction:column!important}.igx-modal-head,.igx-modal-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:12px 14px!important;background:rgba(255,255,255,.06)!important;color:#fff!important}.igx-modal-title{margin:0!important;color:#fff!important;font-size:14px!important;font-weight:950!important}.igx-modal-count{color:var(--muted)!important;font-size:12px!important;font-weight:800!important}.igx-modal-btn{border:0!important;border-radius:13px!important;min-width:40px!important;height:40px!important;padding:0 12px!important;cursor:pointer!important;color:#fff!important;background:rgba(255,255,255,.12)!important;font-weight:950!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.igx-modal-body{min-height:0!important;flex:1!important;display:grid!important;place-items:center!important;padding:14px!important;overflow:auto!important}.igx-modal-img,.igx-modal-video{max-width:100%!important;max-height:calc(100vh - 165px)!important;border-radius:18px!important;background:#000!important}.igx-modal-video{width:min(100%,430px)!important}.igx-modal-tools{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}@media(max-width:900px){.igx-grid,.igx-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.igx-help-grid{grid-template-columns:1fr!important}.igx-highlight-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){.igx-wrap{padding:24px 10px!important}.igx-form{grid-template-columns:1fr!important}.igx-input{height:56px!important;padding:24px!important;border-radius:16px!important}.igx-clear{display:none!important}.igx-submit{width:100%!important;height:54px!important}.igx-help{padding:12px!important}.igx-help h2{font-size:16px!important;margin-bottom:8px!important}.igx-help-grid{grid-template-columns:1fr!important;gap:8px!important}.igx-help-card{padding:10px!important;grid-template-columns:30px 1fr!important}.igx-help-icon{width:30px!important;height:30px!important}.igx-grid,.igx-skeleton-grid,.igx-follower-grid,.igx-comment-list,.igx-highlight-list{grid-template-columns:1fr!important}.igx-profile{align-items:flex-start!important}.igx-ring{width:64px!important;height:64px!important}.igx-modal-foot{flex-direction:column!important;align-items:stretch!important}.igx-modal-tools{justify-content:center!important}.igx-modal-btn{flex:1!important}}

/* Modal viewport center fix */
.igx-modal{width:100vw!important;height:100vh!important;min-height:100vh!important;padding:0!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.igx-modal.igx-open{display:flex!important;}
.igx-modal-panel{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;display:flex!important;flex-direction:column!important;}
.igx-modal-head,.igx-modal-foot{flex:0 0 auto!important;}
.igx-modal-body{flex:1 1 auto!important;min-height:0!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:14px!important;}
.igx-modal-img,.igx-modal-video{display:block!important;margin:auto!important;max-width:calc(100vw - 28px)!important;max-height:calc(100vh - 150px)!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:18px!important;}
.igx-modal-video{width:min(720px,calc(100vw - 28px))!important;height:auto!important;}
@media(max-width:640px){.igx-modal-body{padding:10px!important}.igx-modal-img,.igx-modal-video{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 175px)!important}.igx-modal-panel{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}}

.igx-state.igx-success{color:#4ade80!important;border-color:rgba(74,222,128,.5)!important}.igx-state.igx-error{color:#fb7185!important;border-color:rgba(251,113,133,.5)!important}

/* --- Codex CSS updates --- */
.igx-wrap,
.igx-wrap * {
  box-sizing: border-box !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-variant-numeric: tabular-nums !important;
  line-height: normal;
}

.igx-wrap {
  --a: #feda75;
  --b: #fa7e1e;
  --c: #d62976;
  --d: #962fbf;
  --bg: #090812;
  --bg2: #130d1f;
  --text: #fffafc;
  --muted: rgba(255, 250, 252, .74);
  --card: rgba(255, 255, 255, .085);
  --line: rgba(255, 255, 255, .16);
  --soft: rgba(250, 126, 30, .14);
  position: relative !important;
  width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  padding: clamp(24px, 4vw, 52px) 16px !important;
  background:
    radial-gradient(900px 520px at 8% 0%, rgba(254, 218, 117, .18), transparent 62%),
    radial-gradient(820px 470px at 92% 8%, rgba(214, 41, 118, .22), transparent 60%),
    radial-gradient(760px 520px at 52% 100%, rgba(150, 47, 191, .16), transparent 62%),
    linear-gradient(180deg, var(--bg), #07060d 72%, var(--bg2)) !important;
  color: var(--text) !important;
}

.igx-container {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.igx-title {
  margin: 0 !important;
  padding: 18px 8px 16px !important;
  text-align: center !important;
  font-size: clamp(34px, 5vw, 60px) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  background: linear-gradient(90deg, var(--a) 0%, var(--b) 34%, var(--c) 66%, var(--d) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.igx-sub {
  max-width: 780px !important;
  margin: 0 auto 24px !important;
  text-align: center !important;
  color: var(--muted) !important;
  font-size: clamp(14px, 1.4vw, 17px) !important;
  line-height: 1.6 !important;
}

.igx-card-shell,
.igx-help,
.igx-state,
.igx-loading,
.igx-empty,
.igx-profile,
.igx-caption {
  border: 1px solid var(--line) !important;
  background: var(--card) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .30) !important;
}

.igx-card-shell {
  border-radius: 28px !important;
  padding: clamp(14px, 2vw, 20px) !important;
}

.igx-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.igx-field {
  position: relative !important;
  min-width: 0 !important;
}

.igx-input {
  width: 100% !important;
  height: 56px !important;
  padding: 0 48px 0 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  background: rgba(0, 0, 0, .36) !important;
  color: #fff !important;
  font-size: 15px !important;
  outline: none !important;
  box-shadow: none !important;
}

.igx-input::placeholder {
  color: rgba(255, 255, 255, .48) !important;
}

.igx-input:focus {
  border-color: var(--b) !important;
  box-shadow: 0 0 0 4px rgba(250, 126, 30, .16), 0 0 30px rgba(214, 41, 118, .14) !important;
}

.igx-clear {
  position: absolute !important;
  right: 10px !important;
  top: 11px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
  font-size: 20px !important;
  cursor: pointer !important;
  display: none;
}

.igx-clear:hover {
  background: rgba(255, 255, 255, .18) !important;
}

.igx-input-message {
  display: block !important;
  min-height: 18px !important;
  margin: 8px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: rgba(255, 255, 255, .66) !important;
}

.igx-input-message.igx-bad {
  color: #ffd0da !important;
}

.igx-input-message.igx-ok {
  color: #d8fff0 !important;
}

.igx-submit {
  height: 56px !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 0 24px !important;
  cursor: pointer !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  background: linear-gradient(135deg, var(--a), var(--b), var(--c), var(--d)) !important;
  box-shadow: 0 16px 40px rgba(250, 126, 30, .22) !important;
  transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease !important;
}

.igx-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 46px rgba(214, 41, 118, .28) !important;
}

.igx-submit:focus-visible,
.igx-modal-btn:focus-visible,
.igx-tab:focus-visible,
.igx-pager button:focus-visible,
.igx-actions button:focus-visible,
.igx-actions a:focus-visible,
.igx-highlight-list button:focus-visible {
  outline: 3px solid rgba(254, 218, 117, .42) !important;
  outline-offset: 2px !important;
}

.igx-submit:disabled {
  opacity: .72 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

.igx-help {
  margin-top: 16px !important;
  border-radius: 24px !important;
  padding: 16px !important;
}

.igx-help h2 {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.igx-help-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.igx-help-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 10px !important;
  align-items: start !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .07) !important;
  border-radius: 18px !important;
  padding: 12px !important;
}

.igx-help-icon {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--a), var(--b), var(--c)) !important;
  color: #fff !important;
  font-weight: 950 !important;
}

.igx-help-card strong {
  display: block !important;
  color: #fff !important;
  font-size: 13px !important;
  margin: 0 0 3px !important;
}

.igx-help-card span {
  display: block !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.igx-state {
  display: none;
  margin-top: 14px !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
}

.igx-error {
  border-color: rgba(255, 92, 122, .36) !important;
  background: rgba(255, 92, 122, .12) !important;
  color: #ffd7de !important;
}

.igx-success {
  border-color: rgba(78, 230, 168, .34) !important;
  background: rgba(78, 230, 168, .10) !important;
  color: #d8fff0 !important;
}

.igx-loading {
  display: none;
  margin-top: 18px !important;
  border-radius: 24px !important;
  padding: 18px !important;
}

.igx-loading-top {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
  font-weight: 950 !important;
  color: #fff !important;
}

.igx-spinner {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  border: 3px solid rgba(255, 255, 255, .2) !important;
  border-top-color: var(--b) !important;
  animation: igxSpin .75s linear infinite !important;
}

.igx-skeleton-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
}

.igx-skel {
  height: 260px !important;
  border-radius: 22px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .15), rgba(255, 255, 255, .06)) !important;
  background-size: 220% 100% !important;
  animation: igxShim 1.2s linear infinite !important;
}

@keyframes igxSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes igxShim {
  to {
    background-position: -220% 0;
  }
}

.igx-empty {
  margin-top: 18px !important;
  border-radius: 24px !important;
  padding: 22px !important;
  text-align: center !important;
  color: var(--muted) !important;
}

.igx-empty strong {
  display: block !important;
  color: #fff !important;
  font-size: 18px !important;
  margin-bottom: 6px !important;
}

.igx-empty span {
  display: block !important;
  color: var(--muted) !important;
}

.igx-results {
  display: none !important;
  margin-top: 22px !important;
}

.igx-results.igx-show {
  display: block !important;
}

.igx-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin: 0 0 14px !important;
}

.igx-tab {
  border: 1px solid rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 9px 12px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.igx-tab span {
  margin-left: 5px !important;
  color: rgba(255, 255, 255, .65) !important;
}

.igx-tab.igx-active {
  background: linear-gradient(135deg, var(--b), var(--c)) !important;
  border-color: transparent !important;
}

.igx-profile {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  border-radius: 26px !important;
  padding: 16px !important;
  margin-bottom: 15px !important;
}

.igx-mini {
  padding: 13px !important;
}

.igx-ring {
  width: 76px !important;
  height: 76px !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  padding: 3px !important;
  background: linear-gradient(135deg, var(--a), var(--b), var(--c), var(--d)) !important;
}

.igx-avatar {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #111 !important;
  display: block !important;
}

.igx-profile h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

.igx-profile p {
  margin: 5px 0 0 !important;
  color: var(--muted) !important;
  font-size: 13px !important;
}

.igx-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.igx-stats b {
  display: grid !important;
  gap: 2px !important;
  min-width: 82px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .07) !important;
  padding: 8px !important;
  color: #fff !important;
  font-size: 16px !important;
}

.igx-stats small {
  color: var(--muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.igx-toolbar {
  margin: 0 0 13px !important;
}

.igx-toolbar input {
  width: 100% !important;
  height: 44px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  background: rgba(0, 0, 0, .28) !important;
  color: #fff !important;
  padding: 0 13px !important;
  outline: none !important;
}

.igx-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.igx-card {
  border: 1px solid rgba(255, 255, 255, .15) !important;
  background: rgba(255, 255, 255, .075) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .24) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

.igx-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(250, 126, 30, .35) !important;
  background: rgba(255, 255, 255, .095) !important;
}

.igx-media-box {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 9 / 12 !important;
  background: rgba(0, 0, 0, .34) !important;
  overflow: hidden !important;
}

.igx-square {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: rgba(0, 0, 0, .34) !important;
  overflow: hidden !important;
}

.igx-media-box img,
.igx-media-box video,
.igx-square img,
.igx-media-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  background: #111 !important;
}

.igx-media-box > span {
  position: absolute !important;
  z-index: 2 !important;
  left: 10px !important;
  top: 10px !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, .54) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  padding: 6px 9px !important;
  text-transform: capitalize !important;
}

.igx-card-body {
  padding: 13px !important;
}

.igx-card h3 {
  margin: 0 0 7px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.igx-card p {
  margin: 0 0 12px !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.igx-actions {
  display: flex !important;
  gap: 8px !important;
}

.igx-actions button,
.igx-actions a {
  flex: 1 !important;
  min-width: 0 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 13px !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, .10) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  text-align: center !important;
}

.igx-actions button:hover,
.igx-actions a:hover,
.igx-modal-btn:hover,
.igx-pager button:hover,
.igx-tab:hover,
.igx-highlight-list button:hover {
  background: rgba(255, 255, 255, .16) !important;
}

.igx-actions button:last-child,
.igx-actions a:last-child {
  background: linear-gradient(135deg, var(--b), var(--c)) !important;
}

.igx-pager {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 16px !important;
  color: #fff !important;
}

.igx-pager button {
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .09) !important;
  color: #fff !important;
  padding: 9px 14px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.igx-pager button:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.igx-highlight-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.igx-highlight-list button {
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  padding: 12px !important;
  text-align: left !important;
  cursor: pointer !important;
}

.igx-highlight-cover {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  margin-bottom: 8px !important;
}

.igx-highlight-list b {
  display: block !important;
  color: #fff !important;
  font-size: 13px !important;
}

.igx-highlight-list small {
  display: block !important;
  color: var(--muted) !important;
  font-size: 11px !important;
  margin-top: 3px !important;
}

.igx-follower-grid,
.igx-comment-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.igx-person,
.igx-comment {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .075) !important;
  border-radius: 20px !important;
  padding: 12px !important;
}

.igx-person img,
.igx-comment img {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #111 !important;
  flex: 0 0 auto !important;
}

.igx-person h3,
.igx-comment h3 {
  margin: 0 0 4px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.igx-person p,
.igx-comment p {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.igx-caption {
  border-radius: 22px !important;
  padding: 14px !important;
  margin-bottom: 14px !important;
  color: #fff !important;
}

.igx-caption p {
  margin: 6px 0 0 !important;
  color: var(--muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.igx-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: none !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, .78) !important;
  backdrop-filter: blur(10px) !important;
}

.igx-modal.igx-open {
  display: flex !important;
}

.igx-modal-panel {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #080811 !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 34px 120px rgba(0, 0, 0, .55) !important;
  display: flex !important;
  flex-direction: column !important;
}

.igx-modal-head,
.igx-modal-foot {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: rgba(255, 255, 255, .06) !important;
  color: #fff !important;
}

.igx-modal-title {
  margin: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.igx-modal-count {
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.igx-modal-btn {
  border: 0 !important;
  border-radius: 13px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  cursor: pointer !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.igx-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 14px !important;
}

.igx-modal-img,
.igx-modal-video {
  display: block !important;
  margin: auto !important;
  max-width: calc(100vw - 28px) !important;
  max-height: calc(100vh - 150px) !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 18px !important;
  background: #000 !important;
}

.igx-modal-video {
  width: min(720px, calc(100vw - 28px)) !important;
  height: auto !important;
}

.igx-modal-tools {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.igx-state.igx-success {
  color: #4ade80 !important;
  border-color: rgba(74, 222, 128, .5) !important;
}

.igx-state.igx-error {
  color: #fb7185 !important;
  border-color: rgba(251, 113, 133, .5) !important;
}

@media (max-width: 900px) {
  .igx-grid,
  .igx-skeleton-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .igx-help-grid {
    grid-template-columns: 1fr !important;
  }

  .igx-highlight-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .igx-wrap {
    padding: 24px 10px !important;
  }

  .igx-title {
    font-size: clamp(30px, 11vw, 42px) !important;
    padding-inline: 0 !important;
  }

  .igx-sub {
    margin-bottom: 18px !important;
  }

  .igx-card-shell {
    border-radius: 22px !important;
  }

  .igx-form {
    grid-template-columns: 1fr !important;
  }

  .igx-input {
    height: 56px !important;
    padding: 0 44px 0 16px !important;
    border-radius: 16px !important;
  }

  .igx-clear {
    display: none !important;
  }

  .igx-submit {
    width: 100% !important;
    height: 54px !important;
  }

  .igx-help {
    padding: 12px !important;
  }

  .igx-help h2 {
    font-size: 16px !important;
    margin-bottom: 8px !important;
  }

  .igx-help-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .igx-help-card {
    padding: 10px !important;
    grid-template-columns: 30px 1fr !important;
  }

  .igx-help-icon {
    width: 30px !important;
    height: 30px !important;
  }

  .igx-grid,
  .igx-skeleton-grid,
  .igx-follower-grid,
  .igx-comment-list,
  .igx-highlight-list {
    grid-template-columns: 1fr !important;
  }

  .igx-profile {
    align-items: flex-start !important;
  }

  .igx-ring {
    width: 64px !important;
    height: 64px !important;
  }

  .igx-actions {
    flex-wrap: wrap !important;
  }

  .igx-pager {
    flex-wrap: wrap !important;
  }

  .igx-modal-body {
    padding: 10px !important;
  }

  .igx-modal-img,
  .igx-modal-video {
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 175px) !important;
  }

  .igx-modal-panel {
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
  }

  .igx-modal-foot {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .igx-modal-tools {
    justify-content: center !important;
  }

  .igx-modal-btn {
    flex: 1 !important;
  }
}