/* Session complete modal styles (separate file appended for clarity) */
:root{--gold:#D9B85C;--gold-soft:#F2D77D;--text:#F7F3E8;--text-muted:#92979F;--success:#4BD38A;--transition:180ms ease;}
.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:120;pointer-events:none}
.modal .modal-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.6),rgba(0,0,0,0.7));backdrop-filter:blur(8px) saturate(120%);opacity:0;transition:opacity 240ms ease}
.modal .modal-sheet{position:relative;width:min(920px,calc(100% - 28px));max-width:920px;margin:0 18px;pointer-events:auto;transform:scale(.98);opacity:0;transition:transform 260ms var(--transition),opacity 220ms var(--transition)}
.modal:not(.hidden) .modal-backdrop{opacity:1}
.modal:not(.hidden) .modal-sheet{transform:scale(1);opacity:1}
.modal-body{padding:26px;border-radius:22px;background:linear-gradient(180deg,rgba(16,18,22,0.98),rgba(11,13,16,0.98));border:1px solid rgba(217,184,92,0.12);box-shadow:0 40px 120px rgba(0,0,0,0.5);color:var(--text);display:grid;gap:18px}
.modal-checkmark{width:84px;height:84px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,rgba(75,211,138,0.12),rgba(75,211,138,0.06));color:var(--success);font-size:44px;font-weight:800;margin:0 auto;transform:scale(0.6);opacity:0}
.modal-checkmark.pop{animation:popIn 420ms cubic-bezier(.2,.9,.2,1) forwards}
@keyframes popIn{to{transform:scale(1);opacity:1}}
.modal h2{text-align:center;margin:0;font-size:1.6rem}
.modal .modal-subtitle{text-align:center;color:var(--text-muted);margin:0}
.modal-cards{display:flex;gap:14px;align-items:stretch;justify-content:center;flex-wrap:wrap}
.modal-card{padding:14px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.03);min-width:160px}
.modal-card .card-title{color:var(--text-muted);font-size:0.82rem;margin-bottom:6px}
.modal-card .card-value{font-size:1.2rem;color:var(--gold);font-weight:700}
.progress-card .progress-values{font-size:1.1rem;color:var(--text);display:flex;gap:8px;align-items:center}
.modal-gauge{height:8px;width:160px;background:rgba(255,255,255,0.04);border-radius:999px;overflow:hidden;margin-top:8px}
.modal-gauge-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));border-radius:999px}
.modal-section{padding-top:6px;border-top:1px solid rgba(255,255,255,0.02)}
.perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.perf-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:rgba(255,255,255,0.02);border-radius:12px}
.perf-row strong{color:var(--text);font-weight:700}
.modal-actions{display:flex;gap:12px;margin-top:6px;justify-content:stretch}
.modal-actions button{flex:1;min-height:52px}
.modal-actions .primary{background:linear-gradient(180deg,var(--gold),var(--gold-soft));color:#081014;border-radius:14px}
.modal-actions .secondary{background:rgba(255,255,255,0.04);color:var(--text);border-radius:14px}
@media(max-width:800px){.modal-sheet{width:calc(100% - 20px)}.modal-cards{flex-direction:column;align-items:stretch}.perf-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.modal .modal-sheet,.modal-checkmark.pop,.modal-gauge-fill{transition:none!important;animation:none!important}}