html,body{background:#f7f2f3 !important;margin:0;padding:0;color:#1f1720;}
*,*::before,*::after{box-sizing:border-box;}
:root{
  --dgca-bg:#f7f2f3;
  --dgca-surface:#ffffff;
  --dgca-surface-soft:#fff8f8;
  --dgca-border:#ecd8dc;
  --dgca-border-strong:#d8b0b8;
  --dgca-text:#24161a;
  --dgca-text-soft:#6f5660;
  --dgca-red:#b42332;
  --dgca-red-dark:#8f1623;
  --dgca-red-soft:#fdecef;
  --dgca-shadow:0 16px 40px rgba(76, 17, 28, .10);
}
.dgca-qb-wrap{width:100%;max-width:1480px;margin:0 auto;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--dgca-text)}
.dgca-card{background:linear-gradient(180deg,#ffffff 0%,#fff8f8 100%);border:1px solid var(--dgca-border);border-radius:24px;padding:18px;box-shadow:var(--dgca-shadow);margin-bottom:16px}
.dgca-muted{color:var(--dgca-text-soft);font-size:13px;line-height:1.55;margin-top:4px}
.dgca-kicker{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--dgca-red);margin-bottom:8px}
.dgca-h2{margin:0;font-size:24px;letter-spacing:-.02em}
.dgca-h3{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.03em;color:var(--dgca-text)}
.dgca-title{font-weight:800;color:var(--dgca-text);font-size:18px;line-height:1.35}
.dgca-subtitle{color:var(--dgca-text-soft);margin-top:6px;line-height:1.6}
.dgca-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:linear-gradient(135deg,#7d1222 0%,#b42332 58%,#cf4655 100%);box-shadow:0 18px 42px rgba(122,18,34,.22)}
.dgca-topbar .dgca-title,.dgca-topbar .dgca-muted{color:#fff}
.dgca-row{display:flex;gap:10px;align-items:center}
.dgca-row-wrap{flex-wrap:wrap}
.dgca-row-between{justify-content:space-between}
.dgca-screen-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.dgca-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dgca-grid-cards{align-items:stretch}
.dgca-tile{position:relative;border:1px solid var(--dgca-border);border-radius:22px;padding:18px;background:linear-gradient(180deg,#ffffff 0%,#fff5f6 100%);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;box-shadow:0 8px 20px rgba(90,20,35,.06);overflow:hidden}
.dgca-tile::after{content:"";position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;background:radial-gradient(circle, rgba(180,35,50,.13), rgba(180,35,50,0));pointer-events:none}
button.dgca-tile{width:100%;text-align:left;cursor:pointer}
.dgca-tile:hover{transform:translateY(-4px);border-color:var(--dgca-border-strong);box-shadow:0 20px 40px rgba(90,20,35,.12)}
.dgca-tile-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:var(--dgca-red-soft);color:var(--dgca-red);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}
.dgca-subcount{color:var(--dgca-text-soft);font-size:13px;margin-top:8px;line-height:1.45}
.dgca-tile-arrow{margin-top:16px;font-size:13px;font-weight:800;color:var(--dgca-red)}
.dgca-btn{border:1px solid var(--dgca-border-strong);background:#fff;padding:11px 14px;border-radius:14px;cursor:pointer;font-weight:800;line-height:1;min-height:44px;color:var(--dgca-text);transition:.18s ease all}
.dgca-btn:hover{border-color:var(--dgca-red);transform:translateY(-1px)}
.dgca-btn-primary{background:linear-gradient(135deg,var(--dgca-red) 0%,var(--dgca-red-dark) 100%);color:#fff;border-color:var(--dgca-red);box-shadow:0 12px 24px rgba(180,35,50,.18)}
.dgca-btn-primary:hover{border-color:var(--dgca-red-dark);box-shadow:0 16px 28px rgba(180,35,50,.24)}
.dgca-btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.dgca-btn-ghost:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.42)}
.dgca-loader,.dgca-empty-state{padding:28px;border:1px dashed var(--dgca-border-strong);border-radius:18px;background:var(--dgca-surface);color:var(--dgca-text-soft)}
.dgca-empty-title{font-size:18px;font-weight:800;color:var(--dgca-text);margin-bottom:6px}
.dgca-q-head{display:flex;gap:12px;align-items:flex-start}
.dgca-q-no{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--dgca-red) 0%,var(--dgca-red-dark) 100%);color:#fff;font-weight:900;box-shadow:0 10px 22px rgba(180,35,50,.20)}
.dgca-q-text{font-weight:800;color:var(--dgca-text);line-height:1.5;font-size:18px;padding-top:6px}
.dgca-opt-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.dgca-opt{text-align:left;display:flex;gap:12px;align-items:flex-start;border:1px solid var(--dgca-border);background:#fff;padding:14px;border-radius:18px;cursor:pointer;transition:transform .08s ease,border-color .12s ease,box-shadow .12s ease,width .12s ease;width:100%}
.dgca-opt:hover{transform:translateY(-1px);border-color:var(--dgca-border-strong);box-shadow:0 10px 20px rgba(90,20,35,.07)}
.dgca-opt-key{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;border:1px solid var(--dgca-border);background:var(--dgca-surface-soft);font-weight:900;flex:0 0 32px;color:var(--dgca-red)}
.dgca-opt-text{line-height:1.45;color:var(--dgca-text);font-weight:600}
.dgca-answered .dgca-opt{cursor:not-allowed;opacity:.98}
.dgca-correct{border-color:#16a34a!important;background:rgba(22,163,74,.10)!important}
.dgca-wrong{border-color:#dc2626!important;background:rgba(220,38,38,.10)!important}
.dgca-exp{margin-top:14px;border-top:1px solid #f0dfe3;padding-top:12px}
.dgca-exp-title{font-weight:800;margin-bottom:6px;color:var(--dgca-red-dark)}
.dgca-exp-text{color:var(--dgca-text-soft);line-height:1.6}
.dgca-msg{margin-top:14px;font-weight:700;color:var(--dgca-red-dark)}
.dgca-auth-wrap{max-width:920px;margin:26px auto 0}
.dgca-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.dgca-auth-grid input,#dgca_otp{width:100%;border:1px solid var(--dgca-border);border-radius:14px;padding:14px 16px;font-size:15px;min-height:48px;outline:none;background:#fff}
.dgca-auth-grid input:focus,#dgca_otp:focus{border-color:var(--dgca-red);box-shadow:0 0 0 3px rgba(180,35,50,.10)}
.dgca-auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.dgca-auth-msg{margin-top:14px;font-size:14px;font-weight:700;color:var(--dgca-red-dark)}
.dgca-locked{background:#fbf1f3}
.dgca-quiz-head-card{position:sticky;top:0;z-index:10;background:rgba(255,249,249,.96);backdrop-filter:blur(12px);border-color:#ebd0d5}
.dgca-quiz-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;margin-top:18px}
.dgca-q-list > .dgca-card:last-child{margin-bottom:0}
.dgca-quiz-side{position:sticky;top:104px}
.dgca-feedback-card{margin-top:0;background:linear-gradient(180deg,#fffafa 0%,#fff1f3 100%);border-color:#ebcdd3}
.dgca-feedback-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:rgba(180,35,50,.06);border:1px solid rgba(180,35,50,.10);color:var(--dgca-text-soft);font-size:13px;line-height:1.55;margin:12px 0 4px}
.dgca-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.dgca-feedback-grid input,.dgca-feedback-grid select,.dgca-feedback-grid textarea{width:100%;border:1px solid var(--dgca-border);border-radius:14px;padding:14px 16px;font-size:15px;min-height:48px;outline:none;background:#fff}
.dgca-feedback-grid textarea{min-height:140px;grid-column:1/-1;resize:vertical}
.dgca-feedback-grid select:focus,.dgca-feedback-grid input:focus,.dgca-feedback-grid textarea:focus{border-color:var(--dgca-red);box-shadow:0 0 0 3px rgba(180,35,50,.10)}
.dgca-feedback-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.dgca-feedback-mini{display:grid;gap:10px;margin-top:14px}
.dgca-mini-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #eed8dc;font-size:13px;color:var(--dgca-text-soft)}
.dgca-mini-chip b{color:var(--dgca-text)}

@media (max-width: 1180px){
  .dgca-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dgca-h3{font-size:24px}
  .dgca-quiz-shell{grid-template-columns:1fr}
  .dgca-quiz-side{position:static;top:auto}
}

@media (max-width: 767px){
  .dgca-qb-wrap{padding:14px}
  .dgca-topbar{flex-direction:column;align-items:stretch;padding:16px;border-radius:20px}
  .dgca-screen-head{margin-bottom:14px}
  .dgca-grid,.dgca-auth-grid,.dgca-opt-wrap,.dgca-feedback-grid{grid-template-columns:1fr}
  .dgca-card{border-radius:18px;padding:16px}
  .dgca-tile{border-radius:18px;padding:16px}
  .dgca-title{font-size:17px}
  .dgca-h3{font-size:22px}
  .dgca-q-text{font-size:16px;padding-top:2px}
  .dgca-q-no{min-width:42px;height:42px;border-radius:12px}
  .dgca-btn{width:100%;justify-content:center}
  .dgca-auth-wrap{margin-top:12px}
  .dgca-quiz-head-card{top:0}
}

.dgca-topbar-left{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}
.dgca-nav-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:2px}
.dgca-nav-pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.dgca-nav-pill{appearance:none;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer;backdrop-filter:blur(8px);transition:.18s ease}
.dgca-nav-pill:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
.dgca-nav-pill.active{background:#fff;color:var(--dgca-red-dark);border-color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.dgca-nav-pill.static{cursor:default}
.dgca-nav-select{min-width:220px;max-width:280px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.16);color:#fff;border-radius:14px;padding:10px 14px;font-weight:700;outline:none}
.dgca-nav-select option{color:#24161a}
.dgca-auth-wrap input:read-only{background:#fff}
.dgca-locked{font-weight:700}
#dgca_send_otp:disabled,#dgca_verify_otp:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.08)}
#dgca_otp_wrap{border-top:1px dashed var(--dgca-border);margin-top:14px;padding-top:14px}
@media (max-width:900px){.dgca-nav-row{flex-direction:column;align-items:stretch}.dgca-nav-select{min-width:0;max-width:none;width:100%}}

html,body{height:auto!important;min-height:0!important;overflow-x:hidden;}
.dgca-qb,.dgca-qb-wrap{min-height:0!important;height:auto!important;}
.dgca-content,#dgca_view_topics,#dgca_view_quizzes,#dgca_view_quiz{min-height:0!important;}