.eg-section{position:relative;border-radius:var(--r3);padding:var(--s3)}.eg-badge{display:inline-flex;align-items:center;gap:var(--s-half);padding:var(--s0) var(--s1-half);border-radius:999px;background:linear-gradient(135deg,var(--warning-cream) 0%,var(--warning-lemon) 100%);border:1px solid rgba(245,158,11,.3);color:var(--warning-darker);font-size:var(--fs-base);font-weight:700;margin-bottom:var(--s2);box-shadow:0 2px 8px #f59e0b26}.eg-badge svg{color:var(--warning)}.eg-list{list-style:none;margin:var(--s2)0 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--s1)}.eg-item{display:flex;align-items:flex-start;gap:var(--s1);padding:var(--s1-half) var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);box-shadow:0 2px 8px rgba(var(--dark-rgb),.05),0 4px 16px rgba(var(--dark-rgb),.04)}.eg-num{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--white);border:2px solid var(--warning);color:var(--warning-dark);font-size:var(--fs-md);font-weight:700}.eg-content{flex:1;min-width:0}.eg-content strong{display:block;font-size:var(--fs-lg);font-weight:600;color:var(--text);margin-bottom:var(--s-2)}.eg-tip{font-size:var(--fs-md);color:var(--muted);line-height:1.4}@media (min-width:768px){.eg-list{grid-template-columns:1fr 1fr;gap:var(--s2)}}@media (prefers-reduced-motion:reduce){.eg-item{transition:none}}.ts-grid{margin-top:var(--s2);display:grid;grid-template-columns:1fr;gap:var(--s1)}@media (min-width:700px){.ts-grid{grid-template-columns:1fr 1fr;gap:var(--s2)}}.ts-card{position:relative;display:flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--r2);cursor:default;transition:all .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 8px rgba(var(--dark-rgb),.05),0 4px 16px rgba(var(--dark-rgb),.04)}.ts-icon{width:48px;height:48px;min-width:48px;display:grid;place-items:center;color:var(--success);transition:transform .2s ease}.ts-icon--green{color:var(--success)}.ts-icon--blue{color:var(--info)}.ts-icon--orange{color:var(--warning-alt)}.ts-icon--gold{color:var(--gold)}.ts-summary{margin-bottom:var(--s1)}.ts-badge{display:inline-flex;align-items:center;gap:var(--s-half);padding:var(--s0) var(--s1-half);border-radius:999px;font-weight:700;font-size:var(--fs-base);letter-spacing:.02em;background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid rgba(34,197,94,.3);color:var(--success-dark);box-shadow:0 2px 8px #22c55e26}.ts-content{flex:1;display:flex;flex-direction:column;gap:var(--s-half)}.ts-title{font-weight:700;font-size:var(--fs-lg);color:var(--text);letter-spacing:-.01em;line-height:1.3}@media (prefers-reduced-motion:reduce){.ts-card,.ts-icon{transition:none}}.sq-section{margin-top:var(--s4);padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--sh2)}.sq-container{max-width:600px;margin:0 auto}.sq-header{text-align:left;margin-bottom:var(--s3)}.sq-badge{display:inline-flex;align-items:center;gap:var(--s-half);padding:var(--s0) var(--s1-half);background:#3e6fa81a;border:1px solid rgba(62,111,168,.2);border-radius:999px;font-size:var(--fs-base);font-weight:700;color:var(--primary);margin-bottom:var(--s2);box-shadow:0 2px 8px #3e6fa826}.sq-badge svg{color:var(--primary)}.sq-title{font-size:clamp(24px,5vw,32px);font-weight:900;color:var(--text);margin:0 0 var(--s1);letter-spacing:-.02em}.sq-subtitle{font-size:var(--fs-lg);color:var(--muted);margin:0}.sq-progress{height:6px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:var(--s0)}.sq-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#22c55e);border-radius:999px;transition:width .4s ease}.sq-progress-text{text-align:center;font-size:var(--fs-base);color:var(--muted);margin-bottom:var(--s3)}.sq-q{display:none}.sq-q[data-active=true]{display:block;animation:sqFadeIn .3s ease}@keyframes sqFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sq-q-title{font-size:var(--fs-2xl);font-weight:700;color:var(--text);margin:0 0 var(--s2);text-align:center}.sq-options{display:flex;flex-direction:column;gap:var(--s0-half)}.sq-opt{display:flex;align-items:center;gap:var(--s1);padding:var(--s1-half) var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);text-align:left;box-shadow:0 2px 8px rgba(var(--dark-rgb),.05),0 4px 16px rgba(var(--dark-rgb),.04)}.sq-opt:hover{border-color:var(--primary-alpha-20);background:var(--surface);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--dark-rgb),.08),0 8px 24px rgba(var(--dark-rgb),.06)}.sq-opt:active{transform:translateY(0) scale(.99);box-shadow:0 2px 8px rgba(var(--dark-rgb),.08)}.sq-opt-icon{font-size:var(--fs-4xl);line-height:1}.sq-opt-text{font-size:var(--fs-lg);font-weight:500;color:var(--text)}.sq-result{text-align:center;animation:sqFadeIn .4s ease}.sq-result-score-wrap{display:flex;justify-content:center;margin-bottom:var(--s2)}.sq-result-score-ring{position:relative;width:140px;height:140px}.sq-result-score-ring svg{width:100%;height:100%}.sq-result-score-ring #quizScoreRing{transition:stroke-dashoffset 1s ease,stroke .3s ease}.sq-result-score-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.sq-result-score-value span:first-child{font-size:var(--fs-6xl);font-weight:900;color:var(--text);line-height:1}.sq-result-score-max{font-size:var(--fs-md);color:var(--muted)}.sq-result-level{font-size:var(--fs-3xl);font-weight:800;margin-bottom:var(--s0)}.sq-result-level.level-excellent{color:var(--success)}.sq-result-level.level-decent{color:var(--warning)}.sq-result-level.level-danger{color:var(--error-light)}.sq-result-msg{font-size:var(--fs-lg);color:var(--muted);margin:0 0 var(--s3);line-height:1.6}.sq-result-cta{padding:var(--s3);background:#3e6fa80d;border-radius:var(--r2);margin-bottom:var(--s2)}.sq-result-cta-text{font-size:var(--fs-md);font-weight:600;color:var(--text);margin:0 0 var(--s2)}.sq-result-actions{display:flex;flex-direction:column;gap:var(--s0-half)}@media (min-width:480px){.sq-result-actions{flex-direction:row;justify-content:center}}.sq-restart{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-half);padding:var(--s0-half) var(--s2-half);background:0 0;border:1px solid var(--border);border-radius:var(--r1);font-size:var(--fs-md);font-weight:600;color:var(--muted);cursor:pointer;transition:all var(--transition-default)}.sq-restart:hover{border-color:var(--text);color:var(--text)}