.pyq53-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:24px;border-radius:24px;border:1px solid rgba(34,211,238,.16);background:radial-gradient(circle at 88% 8%,rgba(59,130,246,.12),transparent 34%),linear-gradient(145deg,#111a2b,#0a1220);margin-bottom:14px}
.pyq53-kicker{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(34,211,238,.10);border:1px solid rgba(34,211,238,.20);color:#8ff2ff;font-size:.65rem;font-weight:900;letter-spacing:.12em}
.pyq53-hero h2{margin:10px 0 7px;color:#fff;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08;font-weight:950}.pyq53-hero p{margin:0;max-width:860px;color:#95a8c1;line-height:1.6;font-size:.86rem}.pyq53-hero-stat{min-width:180px;padding:16px 18px;border-radius:18px;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.05)}.pyq53-hero-stat strong{display:block;color:#fff;font-size:1.6rem}.pyq53-hero-stat span{color:#8ba0ba;font-size:.68rem}
.pyq53-browser{padding:16px;border:1px solid rgba(148,163,184,.12);border-radius:20px;background:linear-gradient(145deg,rgba(16,24,40,.98),rgba(9,15,27,.98));box-shadow:0 14px 40px rgba(0,0,0,.16)}.pyq53-browser-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pyq53-browser-top h3{margin:0;color:#fff;font-size:1rem}.pyq53-browser-top p{margin:4px 0 0;color:#6f829e;font-size:.72rem}.pyq53-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;margin-bottom:12px;border-radius:14px;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.18)}.pyq53-selected strong{color:#fff;font-size:.78rem}.pyq53-selected span{color:#8da1ba;font-size:.68rem}
.pyq53-exam-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pyq53-browse-search{grid-column:1/-1}.pyq53-browse-search .form-input{height:44px}.pyq53-exam-grid .pyq-exam-chip{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:96px;padding:13px;border-radius:16px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.02);color:#fff;text-align:left;cursor:pointer;transition:.15s ease}.pyq53-exam-grid .pyq-exam-chip:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.04)}.pyq53-exam-grid .pyq-exam-chip.active{border-color:rgba(34,211,238,.65);background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(99,102,241,.08))}.pyq53-exam-grid .pyq-exam-chip strong{font-size:.8rem;line-height:1.25}.pyq53-exam-grid .pyq-exam-chip span{font-size:.65rem;color:#7f93ae;line-height:1.35}
.pyq53-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.pyq53-filter .form-input{grid-column:1/-1}.pyq53-notes-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.pyq53-note-card{padding:13px;border-radius:15px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.02);min-width:0}.pyq53-note-card span{display:block;color:#78e8f4;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:900}.pyq53-note-card strong{display:block;color:#fff;font-size:.78rem;margin-top:5px;line-height:1.35}.pyq53-note-card p{margin:6px 0 10px;color:#8da0b8;font-size:.68rem;line-height:1.45}.pyq53-note-empty{padding:14px 16px;border:1px dashed rgba(148,163,184,.18);border-radius:14px;color:#8194ad;font-size:.72rem;grid-column:1/-1}
.pyq53-gap{margin:12px 0;padding:15px;border-radius:18px;border:1px solid rgba(168,85,247,.18);background:linear-gradient(145deg,rgba(124,58,237,.055),rgba(34,211,238,.04))}.pyq53-gap-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.pyq53-gap-head h3{margin:5px 0 5px;color:#fff;font-size:.95rem}.pyq53-gap-head p{margin:0;max-width:780px;color:#97a9c0;font-size:.72rem;line-height:1.5}.pyq53-integrity{min-width:210px;padding:10px;border-radius:13px;border:1px solid rgba(34,211,238,.12);background:rgba(34,211,238,.035)}.pyq53-integrity b{display:block;color:#8ff2ff;font-size:.65rem}.pyq53-integrity span{display:block;margin-top:4px;color:#8297b0;font-size:.62rem;line-height:1.4}.pyq53-gap-controls{display:grid;grid-template-columns:1.2fr 1.4fr .7fr .8fr auto;gap:8px;margin-top:12px;align-items:end}.pyq53-gap-controls label{display:flex;flex-direction:column;gap:5px;color:#8699b2;font-size:.65rem;font-weight:800}.pyq53-gap-controls input,.pyq53-gap-controls select{min-height:42px}.pyq53-generate-btn{height:42px;white-space:nowrap}.pyq53-gap-progress{margin-top:10px}.pyq53-generation-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#8ca0ba;font-size:.65rem}.pyq53-generation-steps b{color:#fff}.pyq53-generation-steps span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.08)}.pyq53-generated-success,.pyq53-generation-error{padding:11px 12px;border-radius:13px;border:1px solid rgba(34,211,238,.14);background:rgba(34,211,238,.03)}.pyq53-generated-success strong{display:block;color:#9ff4c8}.pyq53-generated-success span,.pyq53-generated-success small{display:block;color:#8ba0ba;margin-top:3px}.pyq53-generated-success small{font-size:.64rem}.pyq53-generated-success .btn{margin-top:9px}.pyq53-generation-error{color:#ffb3bf}
.pyq53-practice{margin-top:12px;padding:15px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.015)}.pyq53-practice-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pyq53-practice-head strong{display:block;color:#fff;font-size:.84rem}.pyq53-practice-head small{display:block;color:#70839d;font-size:.66rem;margin-top:3px}.pyq53-progress-label{display:flex;justify-content:space-between;gap:10px;color:#879ab2;font-size:.66rem;margin:10px 0 6px}.pyq53-progress-track{height:7px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.10)}.pyq53-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#818cf8);transition:width .2s ease}
.pyq53-stage{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;margin-top:12px;align-items:start}.pyq53-question-stage{min-width:0}.pyq53-nav{position:sticky;top:12px;padding:12px;border-radius:15px;border:1px solid rgba(148,163,184,.10);background:rgba(255,255,255,.02)}.pyq53-nav-title{color:#91a4be;font-size:.66rem;font-weight:800;margin-bottom:8px}.pyq53-loading{min-height:260px;display:grid;place-items:center;text-align:center;padding:24px;border:1px dashed rgba(148,163,184,.15);border-radius:16px;color:#8ca0b8}.pyq53-loading strong{display:block;color:#fff;margin-top:8px}.pyq53-loading small{display:block;margin-top:4px}.pyq53-spinner{width:28px;height:28px;border:3px solid rgba(148,163,184,.18);border-top-color:#22d3ee;border-radius:50%;animation:pyq53spin .7s linear infinite}@keyframes pyq53spin{to{transform:rotate(360deg)}}.pyq53-empty{padding:30px;text-align:center;border:1px dashed rgba(148,163,184,.18);border-radius:17px;background:rgba(255,255,255,.015)}.pyq53-empty h3{margin:6px 0;color:#fff}.pyq53-empty p{max-width:560px;margin:8px auto 15px;color:#879ab2;line-height:1.55;font-size:.75rem}.pyq53-empty-icon{width:44px;height:44px;margin:0 auto;border-radius:14px;display:grid;place-items:center;background:rgba(34,211,238,.08);color:#8ff2ff;font-size:.65rem;font-weight:900}.pyq53-empty-inline{padding:18px;border:1px dashed rgba(148,163,184,.18);border-radius:14px;color:#8194ad;font-size:.74rem;grid-column:1/-1}.pyq53-source-strip{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px;padding:8px 11px;border-radius:12px;background:rgba(34,211,238,.04);border:1px solid rgba(34,211,238,.10);font-size:.62rem}.pyq53-source-strip span{color:#8ff2ff;font-weight:900;letter-spacing:.06em}.pyq53-source-strip a{color:#9bb0ca;text-decoration:none}.pyq53-question-card{padding:19px;border-radius:17px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.015)}.pyq53-practice-badge{display:inline-flex;margin-bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.16);color:#d7b5ff;font-size:.58rem;font-weight:900;letter-spacing:.06em}.pyq53-note-link{margin-top:9px}.pyq53-provenance{display:block;margin-top:8px;color:#99a8bc;font-size:.62rem}
.pyq53-data-note{margin-bottom:10px;padding:8px 10px;border-radius:10px;background:rgba(251,191,36,.05);border:1px solid rgba(251,191,36,.12);color:#cbb77c;font-size:.64rem}
@media (max-width:1100px){.pyq53-exam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pyq53-gap-controls{grid-template-columns:1fr 1fr 1fr}.pyq53-generate-btn{grid-column:1/-1}.pyq53-stage{grid-template-columns:1fr}.pyq53-nav{position:static}.pyq53-notes-strip{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.pyq53-hero{grid-template-columns:1fr;padding:18px}.pyq53-hero-stat{min-width:0}.pyq53-browser{padding:12px}.pyq53-browser-top{align-items:flex-start;flex-direction:column}.pyq53-exam-grid{grid-template-columns:1fr 1fr}.pyq53-filter{grid-template-columns:1fr 1fr}.pyq53-filter .form-input{grid-column:1/-1}.pyq53-notes-strip{grid-template-columns:1fr}.pyq53-gap-head{flex-direction:column}.pyq53-integrity{min-width:0}.pyq53-gap-controls{grid-template-columns:1fr 1fr}.pyq53-generate-btn{grid-column:1/-1;width:100%}.pyq53-practice{padding:11px}.pyq53-practice-head{flex-direction:column}.pyq53-source-strip{align-items:flex-start;flex-direction:column}.pyq53-question-card{padding:15px}.pyq-q-actions{position:sticky;bottom:6px;z-index:4;background:rgba(10,16,28,.94);backdrop-filter:blur(14px);padding:7px;border-radius:14px;border:1px solid rgba(148,163,184,.12);display:grid!important;grid-template-columns:1fr 1fr!important}.pyq-q-actions #pyqCheckBtn,.pyq53-question-card #pyqGenCheck{grid-column:1/-1}.pyq-nav-grid{max-height:220px;overflow:auto}}
@media (max-width:430px){.page-view{padding:10px!important}.pyq53-hero{display:none}.pyq53-browser{border-radius:14px}.pyq53-exam-grid{grid-template-columns:1fr}.pyq53-filter{grid-template-columns:1fr}.pyq53-filter .form-input{grid-column:auto}.pyq53-gap-controls{grid-template-columns:1fr}.pyq53-generate-btn{grid-column:auto}.pyq53-selected{align-items:flex-start;flex-direction:column}.pyq53-question-card{padding:13px}.pyq-q-text{font-size:1rem!important;line-height:1.55!important}.pyq-opt{min-height:58px!important;padding:12px!important}.pyq53-progress-label{font-size:.6rem}}
body.light-mode .pyq53-hero,body.light-mode .pyq53-browser{background:#fff;border-color:rgba(15,23,42,.10)}body.light-mode .pyq53-hero h2,body.light-mode .pyq53-browser-top h3,body.light-mode .pyq53-selected strong,body.light-mode .pyq53-exam-grid .pyq-exam-chip strong,body.light-mode .pyq53-question-card{color:#0f172a}body.light-mode .pyq53-hero p,body.light-mode .pyq53-browser-top p,body.light-mode .pyq53-exam-grid .pyq-exam-chip span,body.light-mode .pyq53-selected span{color:#64748b}