.awrap { width: min(100%, 1210px); max-width: 1210px; margin-inline: auto; padding: 2rem 1.25rem 3rem; justify-content: flex-start; }
.pixel-content-grid { display:grid; grid-template-columns:minmax(0,720px) minmax(360px,430px); gap:18px; align-items:start; }
#redeem-card { grid-column:1; grid-row:1; width:100%; }
#progress-card { grid-column:1; grid-row:2; width:100%; }
#batch-card, #check-cdk-card { grid-column:1 / -1; width:100%; justify-self:center; }
.card { max-width: 760px; padding: 2rem 2.25rem; border: 1px solid rgba(71,85,105,.72); border-radius: 18px; background: linear-gradient(145deg,rgba(17,24,39,.98),rgba(12,20,35,.98)); box-shadow: 0 24px 70px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.02) inset; }
#batch-card { max-width:920px; }
.card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; border-radius:18px 0 0 18px; background:linear-gradient(180deg,#22c55e,rgba(59,130,246,.65),transparent 82%); }
.ahero { margin: 1.8rem 0 1.65rem; }
.ahero h1 { font-size: clamp(1.65rem, 4vw, 2.25rem); }
.ahero p { font-size: .88rem; color:#a9b8cc; }
.pixel-input { width: 100%; height: 49px; background: var(--bg-input); border: 1.2px solid var(--bdr); border-radius: 10px; padding: .7rem .95rem; color: #fff; font-family: var(--fm); font-size: .86rem; outline: none; transition: border-color .2s, box-shadow .2s; }
.pixel-input:focus, #cdk:focus { border-color: var(--blue); box-shadow: 0 0 12px var(--bglow); }
#cdk { color: #93c5fd; }
.input-copy-group { display:grid; width:100%; min-width:0; grid-template-columns:minmax(0,1fr) auto; align-items:stretch; gap:7px; }
.input-copy-group input { min-width:0; width:100%; }
.input-copy-group input.pixel-input { height:49px; }
.input-copy-group > #cdk { height:49px !important; min-height:49px !important; box-sizing:border-box; }
.input-copy-group > #check-quota { height:49px !important; min-height:49px !important; box-sizing:border-box; justify-content:center; text-align:center; }
.input-copy-group .bg-copy { min-width: 118px; width:100%; height:49px; margin:0; align-self:stretch; border-radius:9px; }
.field-row { display: grid; grid-template-columns: 1fr; gap: 0; }
.f { margin-bottom: 1.1rem; }
.secret-wrap { position: relative; }
.secret-wrap .pixel-input { padding-right: 48px; }
.reveal { position: absolute; top: 7px; right: 7px; height: 35px; padding: 0 10px; border: 0; border-radius: 7px; color: var(--muted); background: rgba(255,255,255,.035); font-size: .68rem; font-weight: 700; cursor: pointer; }
.quota { margin-top: 7px; border: 1px solid rgba(34,197,94,.25); border-radius: 7px; padding: 7px 9px; color: var(--green); background: rgba(34,197,94,.06); font-size: .72rem; font-weight: 700; }
.hidden { display: none !important; }
.sp { width: 15px; height: 15px; border: 2px solid rgba(0,0,0,.25); border-top-color: #000; border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.progress-card { margin-top: 12px; }
.status-pill { padding: 3px 7px; border-radius: 12px; font-family: var(--fm); font-size: .67rem; font-weight: 700; color: var(--amber); background: rgba(245,158,11,.1); }
.status-pill.running { color: var(--blue); background: rgba(59,130,246,.1); }
.status-pill.success { color: var(--green); background: rgba(34,197,94,.1); }
.status-pill.failed, .status-pill.cancelled { color: var(--red); background: rgba(239,68,68,.1); }
#progress-bar { width: 18%; transition: width .4s ease; }
.status-message { color: var(--muted); font-size: .76rem; line-height: 1.5; margin: .8rem 0; }
.order-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: .8rem; }
.order-meta div { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: .55rem .7rem; border: 1px solid var(--bdr); border-radius: 8px; background: var(--bg-input); }
.order-meta span { color: var(--muted); font-size: .63rem; font-weight: 700; }
.order-meta strong { color: #fff; font-family: var(--fm); font-size: .78rem; }
.progress-card .bk-subtle { margin-top: 8px; }
.result-url-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; margin:10px 0 8px; padding:8px 9px; border:1px solid rgba(34,197,94,.35); border-radius:8px; background:rgba(8,15,29,.82); }
.result-url-row code { min-width:0; color:#86efac; font-family:var(--fm); font-size:.68rem; line-height:1.45; overflow-wrap:anywhere; user-select:all; }
.result-url-row button { min-height:34px; padding:0 .7rem; border:1px solid rgba(34,197,94,.45); border-radius:7px; color:#052e16; background:#86efac; font-size:.68rem; font-weight:900; cursor:pointer; white-space:nowrap; }
.pixel-center { text-align: center; }
.locked-note { margin-bottom: 1.1rem; padding: .72rem .85rem; border: 1px solid rgba(59,130,246,.28); border-radius: 9px; color: #bfdbfe; background: rgba(59,130,246,.07); font-size: .74rem; line-height: 1.5; }
.credential-warning { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; margin:-.15rem 0 .75rem; padding:.65rem .75rem; border:1px solid rgba(245,158,11,.38); border-radius:9px; gap:14px; color:#fde68a; background:rgba(245,158,11,.07); font-size:.7rem; line-height:1.45; }
.credential-warning-copy { display:flex; min-width:0; flex-direction:column; gap:.22rem; }
.credential-warning strong { color:#fef3c7; }
.credential-warning span { color:#fbbf24; font-weight:800; }
.credential-warning .guide-cta { margin-left:0; padding-left:28px; }
.credential-warning .guide-inline::before { left:-26px; }
.locked-type { margin-top: 9px; padding: 11px 14px; border: 1px solid rgba(168,85,247,.38); border-radius: 10px; color: #fff; background: linear-gradient(135deg, rgba(124,58,237,.18), rgba(59,130,246,.12)); font-size: .82rem; font-weight: 900; text-align: center; box-shadow: 0 0 18px rgba(124,58,237,.12); }
.pixel-textarea { width: 100%; min-height: 180px; resize: vertical; background: var(--bg-input); border: 1.2px solid var(--bdr); border-radius: 8px; padding: .7rem .8rem; color: #93c5fd; font-family: var(--fm); font-size: .76rem; line-height: 1.55; outline: none; transition: border-color .2s, box-shadow .2s; }
.pixel-textarea:focus { border-color: var(--blue); box-shadow: 0 0 12px var(--bglow); }
.batch-pair-grid { display:grid; grid-template-columns:1fr 1.35fr; gap:14px; margin:.9rem 0 .75rem; }
.batch-pane { min-width:0; padding:12px; border:1px solid rgba(51,65,85,.8); border-radius:12px; background:rgba(8,15,29,.5); }
.batch-pane label { display:block; min-height:24px; margin-bottom:7px; color:#cbd5e1; font-family:var(--fh); font-size:.72rem; font-weight:800; }
.batch-pane .pixel-textarea { min-height:310px; resize:vertical; border-radius:9px; }
.batch-pair-status { margin-bottom:.9rem; padding:.7rem .85rem; border:1px solid #334155; border-radius:9px; text-align:center; font-size:.73rem; font-weight:800; transition:.2s; }
.batch-pair-status.neutral { color:#94a3b8; background:rgba(51,65,85,.08); }
.batch-pair-status.matched { border-color:rgba(34,197,94,.5); color:#86efac; background:rgba(34,197,94,.08); }
.batch-pair-status.mismatch { border-color:rgba(239,68,68,.5); color:#fca5a5; background:rgba(239,68,68,.08); }
.batch-counter { margin-top: 4px; color: var(--dim); font-family: var(--fm); font-size: .68rem; text-align: right; }
.batch-counter.over-limit { color: var(--red); }
.format-preview, .batch-result { margin-bottom: .8rem; padding: .65rem .75rem; border: 1px solid var(--bdr); border-radius: 8px; background: rgba(13,20,36,.9); color: var(--muted); font-size: .72rem; line-height: 1.5; white-space: pre-wrap; }
.batch-result { margin: .8rem 0 0; }
.batch-result.success { border-color: rgba(34,197,94,.3); color: var(--green); background: rgba(34,197,94,.06); }
.batch-result.error { border-color: rgba(239,68,68,.3); color: #fca5a5; background: rgba(239,68,68,.06); }
.quota-large { margin-top: 10px; text-align: center; }
.check-task-list { display:grid; gap:10px; margin-top:14px; }
.check-task { padding:13px 14px; border:1px solid #334155; border-left:3px solid #64748b; border-radius:11px; background:rgba(8,15,29,.72); }
.check-task.pending { border-left-color:#f59e0b; }
.check-task.running { border-left-color:#3b82f6; }
.check-task.success { border-left-color:#22c55e; }
.check-task.failed,.check-task.cancelled { border-left-color:#ef4444; }
.check-task-head,.check-task-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.check-task-head strong { color:#fff; font-family:var(--fm); }
.check-task-meta { margin-top:9px; color:#94a3b8; font-size:.72rem; }
.check-result-text,.check-refunded { margin-top:9px; padding:8px 10px; border-radius:7px; color:#cbd5e1; background:rgba(255,255,255,.035); font-size:.72rem; overflow-wrap:anywhere; }
.check-result-url { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; margin-top:9px; padding:8px 10px; border:1px solid rgba(34,197,94,.3); border-radius:8px; background:rgba(8,15,29,.72); }
.check-result-url code { min-width:0; color:#86efac; font-family:var(--fm); font-size:.68rem; line-height:1.45; overflow-wrap:anywhere; user-select:all; }
.copy-check-link { min-height:32px; padding:0 .65rem; border:1px solid rgba(34,197,94,.45); border-radius:7px; color:#052e16; background:#86efac; font-size:.66rem; font-weight:900; cursor:pointer; white-space:nowrap; }
.check-refunded { color:#fbbf24; }
.check-result-link { display:flex; align-items:center; justify-content:center; min-height:38px; margin-top:10px; border-radius:8px; color:#052e16; background:#22c55e; font-size:.74rem; font-weight:900; text-decoration:none; }
.check-empty { padding:18px; border:1px dashed #334155; border-radius:10px; color:#94a3b8; text-align:center; font-size:.76rem; }
.view-redeem-button { margin-top: 10px; }
.guide-card { grid-column:2; grid-row:1 / span 2; width:100%; max-width:none; padding:1.45rem 1.35rem; position:sticky; top:16px; }
.guide-always-visible { margin:-.35rem 0 1rem; padding:.65rem .75rem; border:1px solid rgba(245,158,11,.35); border-radius:9px; color:#fde68a; background:rgba(245,158,11,.08); font-size:.7rem; font-weight:900; line-height:1.45; text-align:center; }
.guide-card .card-section-title { font-size:.9rem; }
.guide-card .card-section-sub { font-size:.78rem; line-height:1.5; }
.guide-2fa-card { margin:.85rem 0 1rem; overflow:hidden; border:1px solid rgba(59,130,246,.34); border-radius:11px; background:rgba(59,130,246,.07); }
.guide-2fa-card img { display:block; width:100%; height:auto; border-bottom:1px solid rgba(59,130,246,.25); background:#fff; }
.guide-2fa-card div { padding:.75rem .8rem .8rem; }
.guide-2fa-card strong { display:block; margin-bottom:.35rem; color:#bfdbfe; font-family:var(--fh); font-size:.8rem; line-height:1.4; }
.guide-2fa-card p { margin:0; color:#dbeafe; font-size:.76rem; font-weight:700; line-height:1.5; }
.full-guide-list { margin: .75rem 0 1rem; padding-left: 1.25rem; color: #cbd5e1; font-size: .82rem; line-height: 1.65; }
.full-guide-list li { margin-bottom: .55rem; padding-left: .15rem; }
.full-guide-list li::marker { color: var(--green); font-family: var(--fm); font-weight: 800; }
.full-guide-list strong { color: #fff; }
.guide-warning { margin-bottom: .85rem; padding: .7rem .8rem; border: 1px solid rgba(239,68,68,.3); border-radius: 8px; color: #fca5a5; background: rgba(239,68,68,.06); font-size: .78rem; font-weight: 700; line-height:1.45; }
.guide-links { display:grid; grid-template-columns:1fr; gap:9px; margin-bottom:0; }
.guide-links-top { margin:.85rem 0 1rem; }
.redeem-guide-links { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:.1rem 0 .55rem; }
.redeem-guide-links a { min-width:0; min-height:58px; gap:6px; padding:.42rem .48rem; border-radius:8px; }
.redeem-guide-links .guide-link-icon { flex-basis:28px; width:28px; height:28px; border-radius:7px; font-size:.82rem; }
.redeem-guide-links strong { font-size:.62rem; }
.redeem-guide-links small { font-size:.53rem; }
.redeem-2fa-card { display:grid; width:76%; max-width:480px; margin:.55rem auto .8rem; grid-template-columns:58% 42%; align-items:stretch; }
.redeem-2fa-card img { width:100%; height:100%; min-height:68px; margin:0; border:0; border-right:1px solid rgba(59,130,246,.25); object-fit:contain; }
.redeem-2fa-card div { padding:.52rem .65rem .58rem; }
.redeem-2fa-card strong { margin-bottom:.2rem; font-size:.7rem; }
.redeem-2fa-card p { font-size:.66rem; line-height:1.4; }
.guide-links a { display:flex; min-height:66px; align-items:center; justify-content:flex-start; gap:11px; padding:.72rem .8rem; border:1px solid var(--bdr); border-radius:10px; color:#dbeafe; background:var(--bg-input); text-align:left; text-decoration:none; transition:border-color .2s,color .2s,transform .2s,background .2s; }
.guide-link-icon { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:10px; background:rgba(59,130,246,.12); font-size:1.05rem; }
.guide-links a > span:last-child { display:flex; min-width:0; flex-direction:column; gap:4px; }
.guide-links strong { color:#f8fafc; font-family:var(--fh); font-size:.78rem; line-height:1.3; }
.guide-links small { color:#60a5fa; font-size:.69rem; font-weight:800; line-height:1.3; }
.guide-links a:hover { border-color: var(--blue); color: #fff; background:rgba(59,130,246,.1); transform:translateY(-2px); }
[dir="rtl"] .guide-links a { text-align:right; }
.pixel-nav { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; min-height: 68px; padding: .8rem 1.6rem; }
.logo, .ntabs, .lang-picker { flex-shrink: 0; }
.ntabs { display: flex; gap: 5px; padding: 5px; border: 1px solid rgba(71,85,105,.72); border-radius: 13px; background: rgba(8,15,29,.92); box-shadow: 0 12px 32px rgba(0,0,0,.24); }
.action-tabs { width: min(100%, 760px); display:grid; grid-template-columns:repeat(3,1fr); }
.ntab { justify-content:center; min-height: 42px; padding: .55rem 1rem; border-radius: 9px; font-weight: 800; font-size:.78rem; }
.ntab.on { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(34,197,94,.24); }
.note-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:.55rem; }
.note-head .note-title { margin:0; }
.guide-cta { display:flex; align-items:center; gap:46px; margin-left:auto; }
.guide-reminder { color:#fde68a; font-size:.72rem; font-weight:900; line-height:1.25; text-align:right; text-transform:uppercase; letter-spacing:.25px; text-shadow:0 0 12px rgba(245,158,11,.28); }
.guide-inline { position:relative; flex:0 0 auto; min-width:154px; min-height:46px; padding:.65rem 1rem; border:1px solid #f59e0b; border-radius:11px; color:#111827; background:linear-gradient(135deg,#fde047,#f59e0b); font-family:var(--fh); font-size:.78rem; font-weight:900; cursor:pointer; transition:.2s ease; animation:guidePulse 1.8s infinite; }
.guide-inline::before { content:"➜"; position:absolute; left:-38px; top:50%; color:#fbbf24; font-size:1.6rem; filter:drop-shadow(0 0 7px rgba(245,158,11,.8)); transform:translateY(-50%); animation:guideArrow .8s ease-in-out infinite alternate; }
.guide-inline:hover { color:#000; transform:translateY(-2px) scale(1.03); box-shadow:0 10px 24px rgba(245,158,11,.3); animation:none; }
.guide-focus { border-color:#f59e0b !important; box-shadow:0 0 0 3px rgba(245,158,11,.2), 0 24px 70px rgba(0,0,0,.42) !important; }
@keyframes guidePulse { 0%,100% { box-shadow:0 0 0 0 rgba(245,158,11,.48),0 8px 20px rgba(245,158,11,.18); } 50% { box-shadow:0 0 0 9px rgba(245,158,11,0),0 11px 28px rgba(245,158,11,.3); } }
@keyframes guideArrow { from { transform:translate(-5px,-50%); } to { transform:translate(3px,-50%); } }
.lang-picker { position: relative; }
#lang-button { min-width: 82px; height: 39px; padding: 0 11px; border: 1px solid #334155; border-radius: 9px; color: #e2e8f0; background: #0c1526; font-weight: 800; cursor: pointer; }
.lang-menu { position: absolute; z-index: 50; top: calc(100% + 8px); right: 0; width: 190px; padding: 7px; border: 1px solid #334155; border-radius: 10px; background: #0b1323; box-shadow: 0 18px 40px rgba(0,0,0,.45); }
.lang-menu button { display: block; width: 100%; padding: 9px 10px; border: 0; border-radius: 7px; color: #cbd5e1; background: transparent; text-align: left; font-weight: 700; cursor: pointer; }
.lang-menu button:hover { color: #fff; background: rgba(59,130,246,.15); }
[dir="rtl"] .lang-menu { right: auto; left: 0; }
[dir="rtl"] .lang-menu button { text-align: right; }
@media (max-width: 980px) { .pixel-content-grid { grid-template-columns:1fr; } #redeem-card, #progress-card, #batch-card, #check-cdk-card, .guide-card { grid-column:1; grid-row:auto; } .guide-card { position:static; } }
@media (max-width: 720px) { .pixel-nav { min-height:58px; padding:.65rem .8rem; } .logo { font-size: .72rem; letter-spacing: .5px; } .awrap { padding:1rem .65rem 2rem; } .action-tabs { width:100%; } .ntab { padding:.45rem .3rem; font-size: .66rem; } .ahero { margin:1.3rem 0 1.2rem; } .card { width: 100%; padding: 1.3rem; border-radius:14px; } .batch-pair-grid { grid-template-columns:1fr; } .batch-pane .pixel-textarea { min-height:220px; } .redeem-guide-links { grid-template-columns:1fr; } .redeem-guide-links a { min-height:54px; } .redeem-2fa-card { display:block; width:100%; max-width:none; } .redeem-2fa-card img { width:100%; height:auto; min-height:0; border-right:0; border-bottom:1px solid rgba(59,130,246,.25); } }
@media (max-width: 520px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .pixel-nav { gap:8px; padding:.6rem .65rem; }
  .logo { min-width:0; overflow-wrap:anywhere; }
  #lang-button { min-width:72px; padding-inline:8px; }
  .awrap { width:100%; padding:.85rem .55rem 1.5rem; }
  .action-tabs { grid-template-columns:1fr; gap:4px; padding:4px; }
  .ntab { width:100%; min-width:0; min-height:44px; padding:.55rem .4rem; font-size:.7rem; line-height:1.2; white-space:normal; }
  .ahero { margin:1rem 0; padding-inline:.25rem; }
  .ahero h1 { font-size:clamp(1.35rem,8vw,1.75rem); overflow-wrap:anywhere; }
  .ahero p { font-size:.78rem; line-height:1.5; }
  .card { min-width:0; padding:1rem .85rem; }
  .note-head { align-items:flex-start; flex-direction:column; width:100%; }
  .credential-warning { grid-template-columns:minmax(0,1fr); gap:9px; }
  .credential-warning .guide-cta { width:100%; min-width:0; justify-content:center; justify-self:stretch; padding-left:0; }
  .guide-cta { width:100%; gap:8px; margin-left:0; flex-direction:column; align-items:stretch; }
  .guide-reminder { width:100%; text-align:center; overflow-wrap:anywhere; }
  .guide-inline { width:min(100%,240px); min-height:48px; margin-inline:auto; }
  .guide-inline::before { display:none; }
  .input-copy-group { grid-template-columns:minmax(0,1fr) 88px; }
  .input-copy-group .bg-copy { min-width:88px; padding-inline:.45rem; }
  .order-meta { grid-template-columns:1fr; }
  .result-url-row { grid-template-columns:1fr; }
  .result-url-row button { width:100%; }
  .check-result-url { grid-template-columns:1fr; }
  .copy-check-link { width:100%; }
  .check-task-head, .check-task-meta { align-items:flex-start; flex-direction:column; gap:6px; }
  .check-task-head strong, .check-task-meta, .check-result-text { max-width:100%; overflow-wrap:anywhere; }
  .pixel-textarea { max-width:100%; }
  .full-guide-list { padding-left:1rem; }
  [dir="rtl"] .full-guide-list { padding-left:0; padding-right:1rem; }
}
.check-result-meta{margin-top:7px;color:var(--muted,#9fb3d0);font-size:.72rem;line-height:1.45}