.itd-root,
.itd-modal,
.itd-toast {
  --itd-primary: #aa0505;
  --itd-dark: #4b0908;
  --itd-gold: #fbca03;
  --itd-bronze: #b97d10;
  --itd-paper: #ffffff;
  --itd-line: #eadbd6;
  --itd-muted: #6f5f5b;
  font-family: Inter, Arial, sans-serif;
  color: var(--itd-dark);
  box-sizing: border-box;
}

.itd-root *, .itd-root *::before, .itd-root *::after,
.itd-modal *, .itd-modal *::before, .itd-modal *::after { box-sizing: border-box; }
.itd-root button, .itd-root input, .itd-root select, .itd-root textarea { font: inherit; }
.itd-root button { cursor: pointer; }
.itd-root h1, .itd-root h2, .itd-root p, .itd-modal h2, .itd-modal p { margin-top: 0; }
.itd-root[data-itd-app] { position: relative; width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
body:has(.itd-root[data-itd-app]) { --theme-content-vertical-spacing: 0px !important; --content-vertical-spacing: 0px !important; }
body:has(.itd-root[data-itd-app]) .site-main,
body:has(.itd-root[data-itd-app]) #main,
body:has(.itd-root[data-itd-app]) #main > .ct-container,
body:has(.itd-root[data-itd-app]) #main > .ct-container-full { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }

.itd-shell { min-height: 700px; background: #fff; overflow: hidden; border: 1px solid var(--itd-line); position: relative; }
.itd-ticker { height: 38px; color: #fff; background: linear-gradient(90deg, #4b0908 0%, #6a0c0b 33%, var(--itd-primary) 70%, #6a0c0b 100%); border-bottom: 3px solid var(--itd-gold); overflow: hidden; display: flex; align-items: center; font-family: 'Arial Narrow', Impact, sans-serif; font-weight: 900; letter-spacing: .1em; font-size: 13px; }
.itd-ticker-track { display: flex; align-items: center; width: max-content; min-width: max-content; will-change: transform; animation: itdTicker 20s linear infinite; }
.itd-ticker-item { display: flex; align-items: center; flex: 0 0 auto; white-space: nowrap; }
.itd-ticker-item b { font: inherit; white-space: nowrap; }
.itd-ticker-item i { color: var(--itd-gold); font-style: normal; margin: 0 30px; text-shadow: 0 0 10px rgba(251,202,3,.45); }
@keyframes itdTicker { from { transform: translate3d(0,0,0); } to { transform: translate3d(-16.6666667%,0,0); } }

.itd-header { height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(24px, 5vw, 72px); border-bottom: 1px solid var(--itd-line); background: rgba(255,255,255,.96); backdrop-filter: blur(10px); position: relative; z-index: 10; }
.itd-brand { text-decoration: none !important; color: var(--itd-dark) !important; line-height: .85; display: flex; flex-direction: column; transform: skew(-4deg); }
.itd-brand b { font: 900 27px/1 'Barlow Condensed', Impact, sans-serif; letter-spacing: -.02em; }
.itd-brand small { color: var(--itd-bronze); font: 800 10px/1.2 'Barlow Condensed', Impact, sans-serif; letter-spacing: .2em; margin-top: 5px; }
.itd-nav { display: flex; align-items: center; gap: 8px; }
.itd-nav button { appearance: none; background: transparent; color: #55524d; border: 0; padding: 11px 14px; border-radius: 9px; font-size: 13px; font-weight: 700; }
.itd-nav button span { margin-right: 4px; filter: grayscale(1); }
.itd-nav button:hover, .itd-nav button.is-active { background: #fff; color: var(--itd-dark); box-shadow: 0 3px 14px rgba(0,0,0,.06); }
.itd-nav button.is-active span { filter: none; }
.itd-mobile-nav { display: none; }

.itd-main { max-width: 1220px; margin: 0 auto; padding: clamp(38px, 5vw, 72px) clamp(20px, 4vw, 56px) 76px; }
.itd-eyebrow { display: block; color: var(--itd-primary); font: 800 12px/1 'Barlow Condensed', Impact, sans-serif; letter-spacing: .19em; margin-bottom: 13px; }
.itd-eyebrow::before { content: ''; display: inline-block; width: 18px; height: 3px; margin: 0 8px 3px 0; background: var(--itd-gold); }
.itd-discover-heading, .itd-page-heading { margin-bottom: 28px; }
.itd-discover-heading { display: flex; align-items: end; justify-content: space-between; max-width: 830px; margin-left: auto; margin-right: auto; }
.itd-discover-heading h1, .itd-page-heading h1, .itd-form-intro h1 { font: 800 clamp(36px,5vw,60px)/.94 'Barlow Condensed', Impact, sans-serif; letter-spacing: -.035em; margin-bottom: 11px; text-transform: uppercase; }
.itd-discover-heading p, .itd-page-heading p, .itd-form-intro > p { color: var(--itd-muted); margin-bottom: 0; font-size: 15px; }
.itd-deck-count { display: flex; align-items: center; gap: 9px; border-left: 1px solid var(--itd-line); padding-left: 20px; }
.itd-deck-count b { font: 800 29px/1 'Barlow Condensed', Impact, sans-serif; }
.itd-deck-count span { color: var(--itd-muted); font-size: 11px; max-width: 55px; line-height: 1.15; }

.itd-deck-wrap { width: min(100%, 480px); margin: 0 auto; position: relative; padding-bottom: 82px; }
.itd-deck-shadow { position: absolute; height: calc(100% - 82px); inset: 0; background: #fff; border: 1px solid var(--itd-line); border-radius: 22px; }
.itd-deck-shadow-1 { transform: translateY(9px) scale(.97); opacity: .68; }
.itd-deck-shadow-2 { transform: translateY(18px) scale(.93); opacity: .4; }
.itd-swipe-card { position: relative; z-index: 2; height: 570px; background: #fff; border-radius: 22px; overflow: hidden; border: 1px solid var(--itd-line); box-shadow: 0 24px 60px rgba(23,20,17,.13); touch-action: pan-y; transition: transform .28s ease, opacity .28s ease; user-select: none; }
.itd-swipe-card.is-dragging { transition: none; cursor: grabbing; }
.itd-swipe-card.fly-right { transform: translate(130%, -20px) rotate(18deg) !important; opacity: 0; }
.itd-swipe-card.fly-left { transform: translate(-130%, -20px) rotate(-18deg) !important; opacity: 0; }
.itd-card-photo { height: 46%; background: #25231f; overflow: hidden; }
.itd-card-photo > img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; display: block; pointer-events: none; }
.itd-photo-placeholder { width: 100%; height: 100%; min-height: 120px; display: grid; place-items: center; color: #fff; background: repeating-linear-gradient(135deg,#4b0908 0,#4b0908 12px,#6a0c0b 12px,#6a0c0b 24px); }
.itd-photo-placeholder span { width: 70px; height: 70px; display: grid; place-items: center; border: 2px solid var(--itd-gold); border-radius: 50%; color: var(--itd-gold); font: 900 28px 'Barlow Condensed', Impact, sans-serif; }
.itd-card-content { padding: 22px 25px; }
.itd-card-title { display: flex; justify-content: space-between; align-items: start; gap: 14px; padding-bottom: 17px; border-bottom: 1px solid #ebe8e2; }
.itd-card-title h2 { font: 800 32px/1 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; margin: 0 0 7px; }
.itd-card-title p { font-size: 12px; color: var(--itd-muted); margin: 0; }
.itd-card-category { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.itd-card-category > small { color: var(--itd-bronze); font: 800 8px/1 'Barlow Condensed',Impact,sans-serif; letter-spacing: .12em; }
.itd-category-tags { display: flex; flex-wrap: wrap; gap: 5px; justify-content: flex-end; }
.itd-category-tags span, .itd-team-category { display: inline-block; padding: 5px 8px; border: 1px solid rgba(185,125,16,.35); border-radius: 4px; background: rgba(251,202,3,.15); color: #6a0c0b; font: 800 10px/1 'Barlow Condensed', Impact, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.itd-card-facts { padding-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; }
.itd-card-facts > div { display: flex; gap: 11px; align-items: center; min-width: 0; }
.itd-card-facts > div:last-child { grid-column: 1 / -1; }
.itd-card-facts > div > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; background: var(--itd-paper); border-radius: 8px; }
.itd-card-facts p { margin: 0; min-width: 0; display: flex; flex-direction: column; }
.itd-card-facts small { color: #6a0c0b; font-family: Inter, Arial, sans-serif; font-size: 9px; font-weight: 800; line-height: 1.25; letter-spacing: .055em; }
.itd-card-facts b { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.itd-swipe-stamp { position: absolute; z-index: 5; top: 28px; padding: 8px 12px; border: 4px solid; border-radius: 5px; font: 900 25px 'Barlow Condensed', Impact, sans-serif; opacity: 0; pointer-events: none; }
.itd-swipe-stamp.is-like { left: 24px; color: #27b36a; transform: rotate(-11deg); }
.itd-swipe-stamp.is-pass { right: 24px; color: var(--itd-primary); transform: rotate(11deg); }
.itd-actions { height: 66px; position: absolute; bottom: 0; z-index: 5; width: 100%; display: flex; align-items: center; justify-content: center; gap: 25px; }
.itd-actions button { border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: 0 7px 22px rgba(0,0,0,.13); transition: transform .18s ease; }
.itd-actions button:hover { transform: scale(1.08); }
.itd-actions span { font: 700 10px 'Barlow Condensed', Impact, sans-serif; color: #99958e; text-transform: uppercase; letter-spacing: .1em; }
.itd-pass { width: 55px; height: 55px; border: 2px solid #c9c6c0; color: #8d8982; font-size: 38px !important; font-weight: 300; line-height: 1; }
.itd-like { width: 64px; height: 64px; border: 3px solid var(--itd-gold); color: var(--itd-gold); background: linear-gradient(145deg,var(--itd-primary),#6a0c0b) !important; font-size: 27px !important; }

.itd-form-page { display: grid; grid-template-columns: minmax(250px,.75fr) minmax(420px,1.25fr); gap: clamp(40px,7vw,95px); align-items: start; max-width: 1050px; margin: 0 auto; }
.itd-form-intro { position: sticky; top: 30px; padding-top: 22px; }
.itd-privacy-card { display: flex; align-items: start; gap: 13px; padding: 18px; background: #e8e4dc; border-radius: 12px; margin-top: 30px; }
.itd-privacy-card > span { font-size: 18px; }
.itd-privacy-card p { margin: 0; color: #615e58; font-size: 11px; line-height: 1.55; }
.itd-privacy-card b { color: var(--itd-dark); }
.itd-panel { background: #fff; border: 1px solid var(--itd-line); border-radius: 16px; padding: clamp(22px,3.5vw,38px); box-shadow: 0 12px 38px rgba(28,25,21,.055); }
.itd-upload { display: flex; align-items: center; gap: 17px; padding: 15px; border: 1px dashed #c9c5bd; background: #faf9f6; border-radius: 12px; cursor: pointer; margin-bottom: 25px; }
.itd-upload input { position: absolute; opacity: 0; pointer-events: none; }
.itd-upload-preview { width: 72px; height: 72px; border-radius: 10px; overflow: hidden; flex: 0 0 72px; }
.itd-upload-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.itd-upload-preview .itd-photo-placeholder { min-height: 72px; }
.itd-upload-preview .itd-photo-placeholder span { width: 38px; height: 38px; font-size: 16px; }
.itd-upload > span:last-child { display: flex; flex-direction: column; }
.itd-upload b { font-size: 13px; }
.itd-upload small { font-size: 10px; color: var(--itd-muted); margin-top: 5px; }
.itd-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.itd-span-2 { grid-column: 1 / -1; }
.itd-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; margin: 0; padding: 0; border: 0; }
.itd-field > span, .itd-field legend, .itd-file-field > span { color: #4c4944; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.itd-field small { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--itd-muted); }
.itd-field input, .itd-field select, .itd-field textarea { width: 100%; border: 1px solid #d8d4cc !important; color: var(--itd-dark) !important; background: #fbfaf8 !important; border-radius: 8px !important; padding: 12px 13px !important; outline: none; box-shadow: none !important; font-size: 13px; min-height: 44px; }
.itd-field input:focus, .itd-field select:focus, .itd-field textarea:focus { border-color: var(--itd-primary) !important; box-shadow: 0 0 0 3px rgba(255,75,35,.1) !important; }
.itd-checks { display: flex; gap: 8px; }
.itd-checks label { cursor: pointer; flex: 1; }
.itd-checks input { position: absolute; opacity: 0; }
.itd-checks span { height: 42px; border: 1px solid #d8d4cc; background: #fbfaf8; display: grid; place-items: center; border-radius: 8px; font: 800 12px 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; }
.itd-checks input:checked + span { color: #fff; background: var(--itd-dark); border-color: var(--itd-dark); }
.itd-consent { display: flex; align-items: start; gap: 10px; color: #716d66; font-size: 10px; line-height: 1.5; margin: 21px 0; }
.itd-consent input { accent-color: var(--itd-primary); flex: 0 0 auto; margin-top: 2px; }
.itd-consent a { color: var(--itd-primary); }
.itd-auth-switch { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-bottom: 24px; background: #f3ece9; border: 1px solid var(--itd-line); border-radius: 10px; }
.itd-auth-switch button { min-height: 40px; border: 0; border-radius: 7px; color: var(--itd-muted); background: transparent; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.itd-auth-switch button.is-active { color: #fff; background: linear-gradient(135deg,var(--itd-primary),#6a0c0b); box-shadow: 0 3px 12px rgba(75,9,8,.2); }
.itd-login-icon { width: 76px; height: 76px; display: grid; place-items: center; margin: 3px auto 25px; border: 3px solid var(--itd-gold); border-radius: 50%; color: var(--itd-gold); background: linear-gradient(145deg,#6a0c0b,var(--itd-primary)); font: 900 25px 'Barlow Condensed',Impact,sans-serif; }
.itd-login-help { margin: 18px 0; color: var(--itd-muted); font-size: 10px; line-height: 1.55; text-align: center; }
.itd-access-notice { display: flex; flex-direction: column; gap: 4px; margin: 20px 0 0; padding: 14px 16px; border-left: 4px solid var(--itd-gold); color: #6a0c0b; background: rgba(251,202,3,.12); font-size: 11px; }
.itd-access-notice span { color: var(--itd-muted); }
.itd-text-button { width: 100%; margin-top: 12px; padding: 8px; border: 0; color: var(--itd-muted); background: transparent; font-size: 10px !important; text-decoration: underline; }
.itd-primary-button, .itd-secondary-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; border: 0; border-radius: 8px; padding: 12px 20px; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; text-decoration: none !important; transition: transform .16s ease, opacity .16s ease; }
.itd-primary-button { color: #fff !important; background: linear-gradient(135deg,var(--itd-primary),#6a0c0b); border: 1px solid var(--itd-bronze); box-shadow: inset 0 1px 0 rgba(251,202,3,.3); }
.itd-primary-button span { font-size: 18px; line-height: 0; }
.itd-primary-button:hover, .itd-secondary-button:hover { transform: translateY(-2px); }
.itd-primary-button:disabled, .itd-primary-button.is-loading { opacity: .55; cursor: wait; }
.itd-secondary-button { color: var(--itd-dark); background: #fff; border: 1px solid var(--itd-line); }

.itd-list-page { max-width: 1080px; margin: 0 auto; }
.itd-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.itd-filters { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; margin: 28px 0; }
.itd-filters button { white-space: nowrap; border: 1px solid var(--itd-line); background: transparent; color: var(--itd-muted); border-radius: 999px; padding: 9px 16px; font-size: 11px; font-weight: 700; }
.itd-filters button.is-active { background: var(--itd-dark); color: white; border-color: var(--itd-dark); }
.itd-team-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.itd-team-card { background: #fff; border: 1px solid var(--itd-line); border-radius: 14px; overflow: hidden; }
.itd-team-photos { height: 225px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; position: relative; background: #26231f; }
.itd-team-photos > div { overflow: hidden; }
.itd-team-photos img { width: 100%; height: 100%; object-fit: cover; display: block; }
.itd-team-photos > span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 34px; height: 34px; display: grid; place-items: center; background: var(--itd-primary); color: var(--itd-gold); border: 3px solid white; border-radius: 50%; font-size: 18px; font-weight: 800; }
.itd-team-info { padding: 18px; }
.itd-team-info h2 { margin: 9px 0 5px; font: 800 23px/1 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; }
.itd-team-info p { color: var(--itd-muted); font-size: 11px; margin: 0; }
.itd-team-info i { color: var(--itd-primary); font-style: normal; font-weight: 800; padding: 0 3px; }
.itd-team-form { max-width: 720px; margin: 0 auto 35px; }
.itd-team-login { text-align: center; }
.itd-form-heading { margin-bottom: 25px; }
.itd-form-heading h2 { font: 800 32px/1 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; margin-bottom: 6px; }
.itd-form-heading p { color: var(--itd-muted); font-size: 12px; }
.itd-file-field { display: flex; flex-direction: column; gap: 7px; }
.itd-file-field input { padding: 10px; background: #f7f5f0; border: 1px dashed #cfcac1; border-radius: 8px; font-size: 11px; }
.itd-current-athlete, .itd-selected-partner { display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 13px; padding: 13px; margin-bottom: 20px; border: 1px solid var(--itd-line); border-radius: 10px; background: #fffaf2; position: relative; }
.itd-current-athlete > span { position: absolute; top: -8px; right: 10px; padding: 3px 7px; border-radius: 4px; color: #fff; background: var(--itd-primary); font: 800 8px 'Barlow Condensed',Impact,sans-serif; letter-spacing: .1em; }
.itd-current-athlete > img, .itd-current-athlete > .itd-photo-placeholder, .itd-selected-partner > img, .itd-selected-partner > .itd-photo-placeholder { width: 54px; height: 54px; min-height: 54px; border-radius: 8px; object-fit: cover; overflow: hidden; }
.itd-current-athlete .itd-photo-placeholder span, .itd-selected-partner .itd-photo-placeholder span { width: 30px; height: 30px; font-size: 11px; }
.itd-current-athlete > div, .itd-selected-partner > div { display: flex; flex-direction: column; min-width: 0; }
.itd-current-athlete small, .itd-selected-partner small { color: var(--itd-bronze); font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.itd-current-athlete b, .itd-selected-partner b { margin-top: 3px; font-size: 12px; }
.itd-current-athlete p, .itd-selected-partner p { margin: 2px 0 0; color: var(--itd-muted); font-size: 9px; }
.itd-selected-partner { margin: -5px 0 3px; background: rgba(251,202,3,.1); border-color: rgba(185,125,16,.45); }
.itd-selected-partner > button { width: 30px; height: 30px; border: 0; border-radius: 50%; color: #6a0c0b; background: rgba(170,5,5,.08); font-size: 20px; }
.itd-partner-results { display: grid; gap: 6px; margin-top: -8px; }
.itd-partner-results > p { margin: 0; padding: 10px; color: var(--itd-muted); background: #faf7f3; border-radius: 7px; font-size: 10px; }
.itd-partner-results > button { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; width: 100%; padding: 8px; border: 1px solid var(--itd-line); border-radius: 8px; color: var(--itd-dark); background: #fff; text-align: left; }
.itd-partner-results > button:hover { border-color: var(--itd-bronze); background: #fffaf2; }
.itd-partner-results img, .itd-partner-results .itd-photo-placeholder { width: 42px; height: 42px; min-height: 42px; border-radius: 6px; object-fit: cover; overflow: hidden; }
.itd-partner-results .itd-photo-placeholder span { width: 25px; height: 25px; font-size: 9px; }
.itd-partner-results button > span { display: flex; flex-direction: column; min-width: 0; }
.itd-partner-results button b { font-size: 11px; }
.itd-partner-results button small { margin-top: 3px; color: var(--itd-muted); font-size: 8px; }
.itd-partner-results button i { color: var(--itd-primary); font-size: 18px; font-style: normal; }
.itd-match-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.itd-match-card { display: grid; grid-template-columns: 155px 1fr; min-height: 190px; background: #fff; border: 1px solid var(--itd-line); border-radius: 14px; overflow: hidden; }
.itd-match-card > img, .itd-match-card > .itd-photo-placeholder { width: 155px; height: 100%; object-fit: cover; }
.itd-match-card > div:last-child { padding: 22px; }
.itd-match-card h2 { font: 800 26px/1 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; margin: 13px 0 7px; }
.itd-match-card p { font-size: 11px; color: var(--itd-muted); }
.itd-seen-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.itd-seen-card { overflow: hidden; border: 1px solid var(--itd-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 28px rgba(75,9,8,.055); }
.itd-seen-photo { height: 215px; position: relative; overflow: hidden; background: var(--itd-dark); }
.itd-seen-photo > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.itd-seen-status { position: absolute; right: 10px; top: 10px; padding: 6px 9px; border: 2px solid #fff; border-radius: 5px; color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .06em; box-shadow: 0 3px 12px rgba(0,0,0,.2); }
.itd-seen-status.is-like { background: #1f9c5a; }
.itd-seen-status.is-pass { background: #6f6865; }
.itd-seen-content { padding: 17px; }
.itd-seen-content .itd-card-category { align-items: flex-start; }
.itd-seen-content .itd-category-tags { justify-content: flex-start; }
.itd-seen-content h2 { margin: 13px 0 5px; color: var(--itd-dark); font: 800 26px/1 'Arial Narrow',Arial,sans-serif; text-transform: uppercase; }
.itd-seen-content > p { margin-bottom: 14px; color: var(--itd-muted); font-size: 10px; }
.itd-seen-movements { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 15px; }
.itd-seen-movements > span { min-width: 0; padding: 9px; border-radius: 7px; background: #faf6f2; display: flex; flex-direction: column; }
.itd-seen-movements small { color: var(--itd-bronze); font-size: 7px; font-weight: 800; letter-spacing: .07em; }
.itd-seen-movements b { margin-top: 3px; overflow: hidden; color: var(--itd-dark); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.itd-seen-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.itd-seen-actions button { min-height: 38px; border: 1px solid var(--itd-line); border-radius: 7px; color: var(--itd-muted); background: #fff; font-size: 10px; font-weight: 800; }
.itd-seen-actions button span { margin-right: 4px; font-size: 15px; }
.itd-seen-actions button:first-child.is-active { color: #fff; border-color: #6f6865; background: #6f6865; }
.itd-seen-actions button:last-child.is-active { color: #fff; border-color: #178c50; background: #1f9c5a; }
.itd-seen-actions button:not(.is-active):hover { color: var(--itd-primary); border-color: var(--itd-bronze); }
.itd-whatsapp { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: #1faf61; color: #fff !important; text-decoration: none !important; border-radius: 7px; padding: 11px 15px; font-size: 11px; font-weight: 800; }
.itd-whatsapp span { font-size: 15px; }
.itd-empty-box, .itd-centered { text-align: center; padding: 75px 25px; border: 1px dashed #c9c5bc; border-radius: 16px; }
.itd-empty-box > span { font-size: 35px; }
.itd-empty-box h2, .itd-centered h1 { font: 800 32px/1 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; margin: 15px 0 8px; }
.itd-empty-box p, .itd-centered p { color: var(--itd-muted); font-size: 12px; margin-bottom: 23px; }
.itd-empty-icon { margin: 0 auto 20px; width: 62px; height: 62px; display: grid; place-items: center; border: 3px solid var(--itd-gold); border-radius: 50%; background: var(--itd-dark); color: var(--itd-gold); font-size: 26px; }

.itd-modal { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
.itd-modal.is-visible { opacity: 1; visibility: visible; }
.itd-modal-backdrop { position: absolute; inset: 0; background: rgba(10,9,8,.78); backdrop-filter: blur(8px); }
.itd-modal-dialog { width: min(100%, 430px); max-height: 90vh; overflow-y: auto; position: relative; background: var(--itd-paper); border-radius: 18px; padding: 36px; text-align: center; transform: translateY(15px) scale(.97); transition: transform .22s ease; }
.itd-modal.is-visible .itd-modal-dialog { transform: none; }
.itd-modal-close { position: absolute; right: 12px; top: 10px; z-index: 2; border: 0; background: transparent; font-size: 25px; color: #8d8982; cursor: pointer; }
.itd-match-burst { font-size: 44px; margin-bottom: 10px; }
.itd-modal-dialog h2 { font: 900 42px/1 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; margin-bottom: 8px; }
.itd-modal-dialog > p { color: var(--itd-muted); font-size: 13px; }
.itd-match-avatar { width: 130px; height: 130px; margin: 22px auto; border-radius: 50%; overflow: hidden; border: 5px solid #fff; box-shadow: 0 8px 25px rgba(0,0,0,.15); }
.itd-match-avatar img { width: 100%; height: 100%; object-fit: cover; }
.itd-modal-action { width: 100%; min-height: 48px; }
.itd-ad-modal .itd-modal-dialog { padding: 0; text-align: left; overflow: hidden; background: #fff; }
.itd-ad-image { width: 100%; height: 230px; object-fit: cover; display: block; }
.itd-ad-image.itd-photo-placeholder { min-height: 230px; }
.itd-sponsored { position: absolute; z-index: 2; left: 14px; top: 14px; background: rgba(17,17,17,.8); color: white; padding: 6px 9px; border-radius: 4px; font: 800 9px 'Barlow Condensed', Impact, sans-serif; letter-spacing: .13em; }
.itd-ad-copy { padding: 28px; }
.itd-ad-copy h2 { font-size: 30px; }
.itd-ad-copy p { color: var(--itd-muted); font-size: 12px; line-height: 1.6; white-space: pre-line; }

.itd-toast { position: fixed; z-index: 1000000; right: 22px; bottom: 22px; max-width: min(390px,calc(100vw - 40px)); padding: 14px 18px; border-radius: 9px; color: #fff; background: #1b9d59; box-shadow: 0 12px 35px rgba(0,0,0,.2); font-size: 12px; font-weight: 700; transform: translateY(20px); opacity: 0; transition: all .22s ease; }
.itd-toast.is-visible { transform: none; opacity: 1; }
.itd-toast.is-error { background: #c63d29; }
.itd-loading { min-height: 500px; display: grid; place-content: center; justify-items: center; gap: 15px; color: var(--itd-muted); }
.itd-loading span { width: 35px; height: 35px; border: 3px solid #dedbd4; border-top-color: var(--itd-primary); border-radius: 50%; animation: itdSpin .8s linear infinite; }
.itd-loading p { font-size: 12px; }
@keyframes itdSpin { to { transform: rotate(360deg); } }
.itd-notice { padding: 18px; border-left: 4px solid #d24b36; background: #fff4f1; color: #692e25; }

.itd-manager { background: #fff; padding: clamp(25px,5vw,65px); min-height: 700px; }
.itd-manager-header { display: flex; justify-content: space-between; align-items: start; max-width: 1180px; margin: 0 auto 35px; }
.itd-manager-header h1 { font: 800 clamp(40px,5vw,58px)/1 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; margin-bottom: 8px; }
.itd-manager-header p { color: var(--itd-muted); }
.itd-admin-badge { padding: 8px 12px; color: #257349; background: #dff4e8; border-radius: 99px; font-size: 10px; font-weight: 800; }
.itd-manager-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.15fr .85fr; gap: 22px; align-items: start; }
.itd-manager-grid + .itd-manager-grid { margin-top: 22px; }
.itd-section-title { display: flex; align-items: start; gap: 13px; margin-bottom: 25px; }
.itd-section-title > span { width: 30px; height: 30px; display: grid; place-items: center; color: #fff; background: var(--itd-primary); border-radius: 50%; font: 800 11px 'Barlow Condensed', Impact, sans-serif; }
.itd-section-title h2 { font: 800 25px/1 'Barlow Condensed', Impact, sans-serif; text-transform: uppercase; margin-bottom: 5px; }
.itd-section-title p { color: var(--itd-muted); font-size: 10px; margin: 0; }
.itd-admin-items { margin-top: 25px; border-top: 1px solid var(--itd-line); padding-top: 15px; }
.itd-admin-item { display: grid; grid-template-columns: 47px 1fr auto; align-items: center; gap: 11px; padding: 9px 0; border-bottom: 1px solid #eeeae3; }
.itd-admin-thumb { width: 47px; height: 47px; overflow: hidden; border-radius: 6px; }
.itd-admin-thumb img { width: 100%; height: 100%; object-fit: cover; }
.itd-admin-thumb .itd-photo-placeholder { min-height: 47px; }
.itd-admin-thumb .itd-photo-placeholder span { width: 25px; height: 25px; font-size: 10px; }
.itd-admin-item > div:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.itd-admin-item b { font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
.itd-admin-item small { color: var(--itd-muted); font-size: 9px; margin-top: 3px; }
.itd-danger-link, .itd-restore-link { background: transparent; border: 0; padding: 5px; font-size: 10px; font-weight: 700; }
.itd-danger-link { color: #c5422d; }
.itd-restore-link { color: #278354; }
.itd-pin-link { background: transparent; border: 0; padding: 5px; color: #805a08; font-size: 10px; font-weight: 700; }
.itd-admin-actions { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.itd-admin-table { max-height: 400px; overflow-y: auto; }
.itd-admin-table > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid #eeeae3; }
.itd-admin-table p { margin: 0; display: flex; flex-direction: column; min-width: 0; }
.itd-admin-table b { font-size: 11px; }
.itd-admin-table small { color: var(--itd-muted); font-size: 9px; margin-top: 3px; }
.itd-muted { color: var(--itd-muted); font-size: 11px; }

@media (max-width: 900px) {
  .itd-nav { display: none; }
  .itd-header { height: 69px; padding: 0 22px; }
  .itd-brand b { font-size: 23px; }
  .itd-mobile-nav { display: grid; grid-template-columns: repeat(5,1fr); position: absolute; z-index: 50; bottom: 0; left: 0; right: 0; height: 65px; background: rgba(255,255,255,.96); border-top: 1px solid var(--itd-line); backdrop-filter: blur(12px); }
  .itd-mobile-nav button { border: 0; background: transparent; color: #8a867f; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
  .itd-mobile-nav span { font-size: 18px; filter: grayscale(1); }
  .itd-mobile-nav small { font-size: 8px; font-weight: 700; }
  .itd-mobile-nav button.is-active { color: var(--itd-primary); }
  .itd-mobile-nav button.is-active span { filter: none; }
  .itd-main { padding-bottom: 100px; }
  .itd-form-page { grid-template-columns: 1fr; gap: 28px; }
  .itd-form-intro { position: static; padding-top: 0; }
  .itd-privacy-card { margin-top: 20px; }
  .itd-team-grid { grid-template-columns: repeat(2,1fr); }
  .itd-match-grid { grid-template-columns: 1fr; }
  .itd-seen-grid { grid-template-columns: repeat(2,1fr); }
  .itd-manager-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .itd-shell { border-width: 0; min-height: 100vh; }
  .itd-ticker { height: 33px; font-size: 11px; }
  .itd-ticker-item i { margin: 0 20px; }
  .itd-header { height: 62px; }
  .itd-main { padding: 30px 15px 94px; }
  .itd-discover-heading { align-items: start; }
  .itd-discover-heading h1, .itd-page-heading h1, .itd-form-intro h1 { font-size: 39px; }
  .itd-discover-heading p { max-width: 260px; line-height: 1.5; }
  .itd-deck-count { display: none; }
  .itd-deck-wrap { width: min(100%,430px); }
  .itd-swipe-card { height: min(570px,calc(100vh - 245px)); min-height: 500px; }
  .itd-card-photo { height: 44%; }
  .itd-card-content { padding: 18px; }
  .itd-card-title h2 { font-size: 27px; }
  .itd-card-facts { gap: 8px; }
  .itd-panel { padding: 20px; border-radius: 12px; }
  .itd-fields { grid-template-columns: 1fr; }
  .itd-span-2 { grid-column: 1; }
  .itd-checks { gap: 5px; }
  .itd-checks span { font-size: 10px; }
  .itd-heading-row { align-items: start; flex-direction: column; }
  .itd-heading-row .itd-primary-button { width: 100%; }
  .itd-team-grid { grid-template-columns: 1fr; }
  .itd-team-photos { height: 250px; }
  .itd-match-card { grid-template-columns: 115px 1fr; }
  .itd-match-card > img, .itd-match-card > .itd-photo-placeholder { width: 115px; }
  .itd-match-card > div:last-child { padding: 17px; }
  .itd-match-card .itd-whatsapp { font-size: 9px; }
  .itd-seen-grid { grid-template-columns: 1fr; }
  .itd-seen-photo { height: 260px; }
  .itd-modal-dialog { padding: 30px 22px; }
  .itd-manager { padding: 30px 14px; }
  .itd-manager-header { flex-direction: column; gap: 15px; }
  .itd-moderation { grid-template-columns: 1fr; }
  .itd-toast { left: 20px; right: 20px; bottom: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .itd-ticker-track { animation-duration: 45s; }
  .itd-loading span { animation-duration: 1.8s; }
  .itd-swipe-card, .itd-modal, .itd-modal-dialog { transition-duration: .01ms; }
}