.pdr-suli-wrap{max-width:1280px;margin:20px auto;padding:18px;color:#f3f4f6;font-family:Arial,Helvetica,sans-serif}.pdr-suli-wrap *{box-sizing:border-box}.pdr-suli-hero,.pdr-suli-panel,.pdr-subject-card,.pdr-user-attempt-item,.pdr-stat-item,.pdr-participant-item{background:linear-gradient(180deg,#121a2d,#0b1120);border:1px solid #22304f;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.pdr-suli-hero{display:flex;justify-content:space-between;gap:20px;padding:24px;margin-bottom:22px}.pdr-suli-profile{display:flex;gap:18px;align-items:center}.pdr-suli-profile img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid #2d3e66}.pdr-suli-kicker{color:#93c5fd;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pdr-suli-profile h2{margin:4px 0 8px;font-size:48px}.pdr-suli-profile p{margin:0;color:#cbd5e1;line-height:1.5}.pdr-suli-grade-selectors{display:grid;gap:12px;min-width:180px}.pdr-grade-btn,.pdr-topic-btn,.pdr-primary-btn,.pdr-secondary-btn{border-radius:16px;padding:14px 18px;border:1px solid #33476e;background:#10192d;color:#fff;font-weight:700;cursor:pointer}.pdr-grade-btn.is-active,.pdr-primary-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:#7c3aed}.pdr-subject-grid,.pdr-suli-subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.pdr-subject-card{padding:24px;text-align:left;color:#fff;border:0;cursor:pointer}.pdr-subject-card .emoji{font-size:36px;display:block;margin-bottom:8px}.pdr-subject-card strong{font-size:28px;display:block;margin-bottom:6px}.pdr-subject-card small{color:#cbd5e1}.pdr-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.pdr-panel-head h3{margin:0;font-size:28px}.pdr-current-lesson,.pdr-lesson-progress-meta{color:#cbd5e1}.pdr-suli-panel{padding:22px;margin-bottom:22px}.pdr-topic-list,.pdr-inline-actions,.pdr-result-actions,.pdr-lesson-actions{display:flex;flex-wrap:wrap;gap:12px}.pdr-progress-bar{height:14px;background:#1f2a44;border-radius:999px;overflow:hidden;margin-bottom:18px}.pdr-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#10b981)}.pdr-task-card{padding:20px;border-radius:22px;background:#0f172a;border:1px solid #233659}.pdr-task-pill{display:inline-block;background:#1d4ed8;color:#dbeafe;padding:8px 12px;border-radius:999px;font-weight:700;margin-bottom:12px}.pdr-task-question{font-size:22px;color:#fff}.pdr-options-grid,.pdr-match-grid,#pdr-best-stats-list,#pdr-user-attempts-list,#pdr-recent-attempts-list{display:grid;gap:14px}.pdr-option{display:flex;gap:12px;align-items:center;padding:16px;background:#111c33;border:1px solid #243758;border-radius:18px}.pdr-match-row{display:grid;grid-template-columns:1fr 60px 1fr;gap:12px;align-items:center;padding:12px;background:#111c33;border:1px solid #243758;border-radius:18px}.pdr-match-select{width:100%;min-height:46px;border-radius:14px;background:#09101f;color:#fff;border:1px solid #33476e;padding:10px}.pdr-result-card{padding:12px 6px}.pdr-result-layout{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:center}.pdr-schoolbell{display:inline-block;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#f97316);color:#1f2937;font-weight:800}.pdr-result-pills{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.pdr-result-pills span{background:#18243f;padding:10px 14px;border-radius:999px}.pdr-teacher-box img{width:100%;max-width:240px;border-radius:24px;border:1px solid #34496d;display:block;margin:0 auto 14px auto;background:#0b1120}.pdr-teacher-box p{margin:0;color:#e5e7eb;font-weight:700;text-align:center}.pdr-user-attempt-item,.pdr-participant-item,.pdr-stat-item{padding:14px 16px}.pdr-user-attempt-item{display:flex;justify-content:space-between;gap:14px;align-items:center}.pdr-participant-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.pdr-participant-item img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #2d3e66}.pdr-stat-item strong,.pdr-user-attempt-item strong,.pdr-participant-item strong{display:block;margin-bottom:4px}.pdr-stat-item span,.pdr-user-attempt-item span,.pdr-participant-item span,.pdr-user-attempt-item small,.pdr-participant-item small{display:block;color:#cbd5e1}.pdr-suli-dashboard-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pdr-login-gate{position:fixed;inset:0;background:rgba(2,6,23,.75);z-index:9999;padding:20px;overflow:auto}.pdr-login-gate-card{max-width:760px;margin:5vh auto;background:#0f172a;border:1px solid #33476e;border-radius:24px;padding:24px;max-height:88vh;overflow:auto}.pdr-login-shortcodes>*{margin-bottom:12px}.pdr-grade-btn:hover,.pdr-topic-btn:hover,.pdr-primary-btn:hover,.pdr-secondary-btn:hover,.pdr-subject-card:hover{transform:translateY(-1px)}@media(max-width:1000px){.pdr-suli-subject-grid,.pdr-suli-dashboard-grid-3,.pdr-result-layout{grid-template-columns:1fr}.pdr-suli-hero{flex-direction:column}}@media(max-width:680px){.pdr-user-attempt-item,.pdr-panel-head,.pdr-suli-profile{display:block}.pdr-match-row,.pdr-participant-item{grid-template-columns:1fr}.pdr-grade-btn,.pdr-topic-btn,.pdr-primary-btn,.pdr-secondary-btn{width:100%}}

.pdr-option.is-selected{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.15) inset}
.pdr-grade-btn:disabled,.pdr-topic-btn:disabled,.pdr-primary-btn:disabled,.pdr-secondary-btn:disabled{opacity:.6;cursor:not-allowed}
.pdr-login-gate{overflow:auto}
.pdr-login-gate-card{max-height:80vh;overflow:auto}

@media (min-width: 1001px){.pdr-subject-card{padding:20px}.pdr-subject-card strong{font-size:24px}.pdr-subject-card .emoji{font-size:32px}.pdr-subject-card small{font-size:14px;line-height:1.35}}

.pdr-stack-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pdr-fb-btn{display:inline-flex;align-items:center;gap:8px}
.pdr-fb-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#1877f2;color:#fff;font-weight:700;font-family:Arial,sans-serif}
.pdr-user-group{border:1px solid #22304f;border-radius:18px;background:#10192d;overflow:hidden}
.pdr-user-group + .pdr-user-group{margin-top:12px}
.pdr-user-group-head{width:100%;display:grid;grid-template-columns:64px 1fr 20px;gap:12px;align-items:center;background:transparent;border:0;color:#fff;padding:14px 16px;text-align:left;cursor:pointer}
.pdr-user-group-head img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #2d3e66}
.pdr-user-group-meta strong,.pdr-user-group-meta small{display:block}
.pdr-user-group-meta small{color:#cbd5e1}
.pdr-user-group-arrow{justify-self:end;transition:transform .18s ease}
.pdr-user-group-head.is-open .pdr-user-group-arrow{transform:rotate(180deg)}
.pdr-user-group-body{padding:0 14px 14px 14px;border-top:1px solid #22304f}
.pdr-user-group-item{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(34,48,79,.7)}
.pdr-user-group-item:last-child{border-bottom:0}
.pdr-levelup-gate{position:fixed;inset:0;background:rgba(2,6,23,.75);z-index:9998;padding:20px;overflow:auto}
.pdr-levelup-card{max-width:760px;margin:8vh auto;background:#0f172a;border:1px solid #33476e;border-radius:24px;padding:24px}
.pdr-levelup-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
@media(max-width:680px){
  .pdr-user-group-head{grid-template-columns:1fr}
  .pdr-user-group-item{display:block}
  .pdr-stack-actions{margin-top:10px}
}

.pdr-fb-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.pdr-fb-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:50%;background:#1877f2;color:#fff;font-weight:700;font-family:Arial,sans-serif;font-size:16px;line-height:1;transform:translateY(0)}.pdr-fb-btn span:last-child{display:inline-flex;align-items:center;line-height:1}.pdr-option input[type=radio]{accent-color:#60a5fa;transform:scale(1.15)}.pdr-option.is-selected input[type=radio]{accent-color:#60a5fa}.pdr-option{cursor:pointer}.pdr-option span{line-height:1.2}.pdr-option.is-selected{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.18) inset;background:#13213d}

.pdr-fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;min-width:0;width:auto;max-width:100%;padding:12px 16px}
.pdr-fb-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:999px;background:#1877f2;color:#fff;font:700 15px/1 Arial,sans-serif;transform:none;flex:0 0 22px}
.pdr-fb-text{display:inline-flex;align-items:center;line-height:1.1;white-space:nowrap}
.pdr-stack-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:auto}
.pdr-stack-actions .pdr-secondary-btn{width:auto}
.pdr-suli-topics,.pdr-suli-lesson,.pdr-suli-results-box{scroll-margin-top:90px}


.pdr-topic-actions{display:flex;justify-content:flex-start;gap:12px;margin:0 0 14px 0}
.pdr-fb-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;white-space:nowrap!important;line-height:1!important}
.pdr-fb-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:999px!important;background:#1877f2!important;color:#fff!important;flex:0 0 22px!important;padding:0!important;transform:none!important;position:relative!important;top:0!important}
.pdr-fb-svg{display:block!important;width:14px!important;height:14px!important}
.pdr-fb-text{display:inline-flex!important;align-items:center!important;line-height:1!important;white-space:nowrap!important}
.pdr-lesson-actions{align-items:center}