.rsxi-root{
  --navy:#0b1c3f; --panel:#132b5e; --line:#28407c;
  --red:#c8102e; --paper:#f4f6fb; --muted:#8ea0cf; --good:#2fae66;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
.rsxi-root *{box-sizing:border-box;}
.rsxi-wrap{max-width:420px; margin:0 auto; background:var(--navy); color:var(--paper); padding:20px 16px 32px; border-radius:12px;}
.rsxi-fixture{text-align:center; font-size:17px; font-weight:800; color:var(--paper); margin-bottom:4px;}
.rsxi-fixture .rsxi-vs{color:var(--red); font-weight:600; text-transform:lowercase;}
.rsxi-comp{text-align:center; font-size:12px; color:var(--muted); margin-bottom:8px;}
.rsxi-wrap h1{font-size:22px; margin:0 0 16px; text-align:center; font-weight:800; letter-spacing:-0.01em; color:var(--paper);}
.rsxi-archive-flag{text-align:center; font-size:11px; font-weight:700; color:var(--red); margin:-10px 0 14px; text-transform:uppercase; letter-spacing:.04em;}
.rsxi-stats{display:flex; justify-content:space-between; align-items:center; background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin-bottom:16px;}
.rsxi-timer{font-variant-numeric:tabular-nums; font-size:20px; font-weight:700;}
.rsxi-found{font-size:13px; color:var(--muted);}
#rsxiForm{display:flex; gap:8px; margin-bottom:10px;}
#rsxiForm input[type=text]{flex:1; padding:12px 14px; border-radius:8px; border:1px solid var(--line); background:var(--panel); color:var(--paper); font-size:15px; outline:none;}
#rsxiForm input[type=text]:focus{border-color:var(--red);}
#rsxiForm button{padding:12px 18px; border-radius:8px; border:none; background:var(--red); color:#fff; font-size:15px; font-weight:700; cursor:pointer;}
.rsxi-msg{min-height:18px; font-size:13px; color:var(--muted); margin-bottom:4px;}
.rsxi-msg.err{color:var(--red);}
.rsxi-list{display:flex; flex-direction:column; gap:6px; margin-bottom:16px;}
.rsxi-row{display:flex; align-items:center; gap:10px; background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:10px 12px; transition:background .2s,border-color .2s;}
.rsxi-row.rsxi-solved{background:rgba(200,16,46,.14); border-color:var(--red);}
.rsxi-row.rsxi-expired{background:rgba(142,160,207,.1); border-color:var(--line);}
.rsxi-num{width:26px; height:26px; flex:0 0 26px; border-radius:6px; background:var(--navy); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:var(--muted);}
.rsxi-row.rsxi-solved .rsxi-num{background:var(--red); border-color:var(--red); color:#fff;}
.rsxi-row.rsxi-expired .rsxi-num{background:var(--line); color:var(--paper);}
.rsxi-name{flex:1; font-size:15px; font-weight:600; color:var(--muted); letter-spacing:.02em;}
.rsxi-row.rsxi-solved .rsxi-name{color:var(--paper);}
.rsxi-row.rsxi-expired .rsxi-name{color:var(--muted); font-style:italic;}
.rsxi-placeholder{opacity:.35;}
.rsxi-result{display:none; text-align:center; background:var(--panel); border:1px solid var(--good); border-radius:10px; padding:18px; margin-bottom:24px;}
.rsxi-result.show{display:block;}
.rsxi-fulltime{color:var(--muted); font-size:13px;}
.rsxi-time{font-size:28px; font-weight:800; margin:4px 0 10px;}
.rsxi-result p{font-size:14px; color:var(--muted); margin:0 0 14px; line-height:1.5;}
.rsxi-shareRow{display:flex; gap:8px; margin-bottom:8px;}
.rsxi-share{padding:12px; border-radius:8px; border:none; color:#fff; font-weight:700; font-size:14px; cursor:pointer;}
.rsxi-shareRow .rsxi-share{flex:1;}
.rsxi-x{background:#000;}
.rsxi-fb{background:#1877f2;}
.rsxi-copy{width:100%; background:var(--panel); border:1px solid var(--line); color:var(--muted); font-size:13px;}
.rsxi-copied{background:var(--good); color:#fff; border-color:var(--good);}
.rsxi-archive-btn{
  display:inline-block;
  background:#c8102e;
  color:#fff !important;
  font-weight:700;
  font-size:15px;
  padding:12px 24px;
  border-radius:8px;
  text-decoration:none !important;
  margin-top:4px;
}
.rsxi-archive-btn:hover{background:#a30d25;}
p.rsxi-archive-cta{text-align:center;}
.rsxi-archive-section{padding-top:20px; border-top:1px solid var(--line);}
.rsxi-archive-section h2{font-size:15px; font-weight:800; margin:0 0 10px; color:var(--paper);}
.rsxi-archiveList{display:flex; flex-direction:column; gap:6px;}
.rsxi-arch-row{display:flex; flex-direction:column; gap:2px; text-decoration:none; background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:10px 12px; color:var(--paper);}
.rsxi-arch-row:hover, .rsxi-arch-row:active{border-color:var(--red);}
.rsxi-arch-date{font-size:11px; color:var(--muted); font-weight:700; letter-spacing:.02em;}
.rsxi-arch-fixture{font-size:14px; font-weight:700;}
.rsxi-arch-comp{font-size:12px; color:var(--muted);}