.quiz-notebook-bg{background:linear-gradient(#f5f6fb 0%,#f9fbff 45%,#fff 100%);min-height:100vh;position:relative}.quiz-notebook-bg .doodle-layer{pointer-events:none;filter:blur();opacity:.75;background:radial-gradient(circle at 20% 20%,#6366f114,#0000 35%),radial-gradient(circle at 80% 10%,#0ea5e914,#0000 30%),radial-gradient(circle at 30% 80%,#10b98114,#0000 28%);display:block;position:absolute;inset:0}#quiz-root{scroll-behavior:smooth}#quiz-root>.relative{z-index:1;position:relative}#quiz-root .overflow-y-auto::-webkit-scrollbar{width:6px}#quiz-root .overflow-y-auto::-webkit-scrollbar-track{background:0 0}#quiz-root .overflow-y-auto::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}#quiz-root .overflow-y-auto{scrollbar-width:thin;scrollbar-color:#94a3b8b3 transparent}.progress-page.quiz-notebook-bg{background:radial-gradient(circle at 12% 0,#7c5dff2e,#0000 45%),radial-gradient(circle at 88% 5%,#38bdf82e,#0000 40%),linear-gradient(#e9eff7 0%,#f1f5fb 55%,#f7faff 100%)}.progress-page{--progress-ink:#0b1024;--progress-accent:#7c5dff;--progress-accent-2:#2bd4d4;--progress-accent-3:#38bdf8;--progress-surface:#fffffff5;--progress-surface-2:#f4f8fff0;color:var(--progress-ink);isolation:isolate;overflow:hidden}.progress-page:before{content:"";opacity:.4;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#0f172a14,#0000 60%);position:absolute;inset:0}.progress-page:after{content:none}.progress-page .doodle-layer{display:none}.progress-shell{z-index:1;position:relative}.progress-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#eef4fffa,#e6eefcfa);border:1px solid #94aaff47;position:relative;overflow:hidden;box-shadow:0 22px 55px #1217381a}.progress-hero:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 35%,#7c5dff2e,#0000 70%);position:absolute;inset:-30% -10%}.progress-hero:after{content:none}.progress-hero-title{background:linear-gradient(90deg,#2563eb,#38bdf8,#14b8a6);color:#0000;-webkit-background-clip:text;background-clip:text}.progress-insight{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #94aaff33;position:relative;overflow:hidden;box-shadow:0 16px 36px #1217381a}.progress-insight:after{content:none}.progress-action{position:relative;overflow:hidden}.progress-action:after{content:none}.progress-panel,.progress-card{background:var(--card-bg,#f1f6ff);border:1px solid var(--card-border,#dbe7ff);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 18px 40px #1217381a}.progress-card:before,.progress-panel:before,.progress-card:after,.progress-panel:after{content:none}.progress-chip{position:relative;overflow:hidden}.progress-chip:after{content:none}.progress-kpi{--card-bg:#e8f1ff;--card-border:#b9d6ff}.progress-kpi.kpi-sky{--card-bg:#dff7ff;--card-border:#a7e7ff}.progress-kpi.kpi-mint{--card-bg:#e6fffb;--card-border:#99f6e4}.progress-panel.panel-lavender{--card-bg:#eaf1ff;--card-border:#c7dcff}.progress-panel.panel-sky{--card-bg:#e0f2ff;--card-border:#b3ddff}.progress-panel.panel-mint{--card-bg:#ecfdf7;--card-border:#a7f3e3}.progress-ring-wrap{place-items:center;display:grid;position:relative}.progress-ring-wrap:before{content:"";opacity:.45;pointer-events:none;border:1px solid #7c5dff52;border-radius:999px;position:absolute;inset:-6px;box-shadow:0 0 14px #38bdf833}.progress-ring-wrap>*{z-index:1;position:relative}.progress-ring{transform-origin:50%;transform:rotate(-90deg)}.progress-ring .progress-ring-value{transform-origin:50%;transform-box:fill-box;filter:drop-shadow(0 0 8px #7c5dff3d);stroke-dashoffset:327px;animation:1.1s forwards ringDraw}.progress-stat{background:linear-gradient(120deg, var(--progress-accent), var(--progress-accent-3), var(--progress-accent-2));-webkit-text-fill-color:transparent;color:#0000;text-shadow:0 12px 24px #7c5dff40;-webkit-background-clip:text;background-clip:text}.progress-weekcard{position:relative;overflow:hidden}.progress-weekcard:after{content:none}.progress-week-latest{--card-bg:#e6fffb;--card-border:#99f6e4}.progress-week-latest:before{content:"";background:#10b981d9;border-radius:999px;width:10px;height:10px;position:absolute;top:12px;right:12px;box-shadow:0 0 #10b98140}.progress-delta{padding-left:28px;position:relative;overflow:hidden}.progress-delta:before{content:"";border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 0 #6366f133}.progress-delta:after{content:none}.progress-delta.is-up:before{background:#10b981f2;box-shadow:0 0 #10b9818c}.progress-delta.is-down:before{background:#f43f5ef2;box-shadow:0 0 #f43f5e80}.progress-bar-track{background:#0f172a14;border:1px solid #7c5dff33;border-radius:999px;width:100%;height:8px;margin-top:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--progress-accent), var(--progress-accent-3), var(--progress-accent-2));transform-origin:0;border-radius:999px;height:100%;animation:1s forwards barGrow;position:relative;transform:scaleX(0);box-shadow:0 0 12px #7c5dff40}.progress-bar:after{content:none}.progress-compare-panel{background:linear-gradient(140deg,#fffffff5,#ecf6ffeb);border:1px solid #94aaff47;box-shadow:0 18px 40px #12173814}.progress-compare-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-compare-legend{text-transform:uppercase;letter-spacing:.2em;color:#64748b;align-items:center;gap:12px;display:inline-flex}.progress-compare-legend span{align-items:center;gap:6px;display:inline-flex}.progress-compare-swatch{border-radius:999px;width:10px;height:10px;box-shadow:0 0 10px #7c5dff40}.progress-compare-swatch.swatch-last{background:linear-gradient(135deg,#94a3ffe6,#6366f1f2)}.progress-compare-swatch.swatch-this{background:linear-gradient(135deg,#22d3eef2,#38bdf8f2)}.progress-compare-grid{gap:12px;margin-top:14px;display:grid}.progress-compare-row{background:#ffffffb8;border:1px solid #94aaff33;border-radius:16px;grid-template-columns:minmax(120px,1fr) minmax(0,2.2fr);align-items:center;gap:14px;padding:10px 12px;display:grid}.progress-compare-bars{gap:8px;display:grid}.progress-compare-item{grid-template-columns:minmax(44px,56px) 1fr min-content;align-items:center;gap:8px;display:grid}.progress-compare-tag{color:#64748b}.progress-compare-track{background:#0f172a14;border:1px solid #7c5dff2e;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-compare-bar{transform-origin:0;border-radius:999px;height:100%;animation:1s forwards barGrow;transform:scaleX(0)}.progress-compare-bar.is-last{background:linear-gradient(90deg,#7c5dffcc,#6366f1f2);box-shadow:0 0 10px #6366f14d}.progress-compare-bar.is-this{background:linear-gradient(90deg,#2dd4bfd9,#38bdf8f2);box-shadow:0 0 10px #38bdf84d}.progress-compare-value{color:#334155}.progress-compare-value.is-empty{color:#94a3b8}@media (max-width:640px){.progress-compare-header{flex-direction:column;align-items:flex-start}.progress-compare-row{grid-template-columns:1fr}}.progress-reveal{opacity:0;animation:.7s forwards progressRise;animation-delay:var(--progress-delay,0s);transform:translateY(18px)}.progress-reveal.progress-card,.progress-reveal.progress-panel{animation:.7s forwards progressRise;animation-delay:var(--progress-delay,0s)}.progress-delay-1{--progress-delay:.12s}.progress-delay-2{--progress-delay:.2s}.progress-delay-3{--progress-delay:.28s}.progress-delay-4{--progress-delay:.36s}.progress-delay-5{--progress-delay:.44s}@keyframes progressRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ringDraw{to{stroke-dashoffset:var(--ring-offset)}}@keyframes barGrow{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.progress-reveal,.progress-ring .progress-ring-value,.progress-bar,.progress-compare-bar,.progress-delta:before{animation:none!important}.progress-ring .progress-ring-value{stroke-dashoffset:var(--ring-offset)}.progress-bar,.progress-compare-bar{transform:scaleX(1)}.progress-reveal{opacity:1;transform:none}}