.quiz-page{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-3xl)}.quiz-hero{text-align:center;padding:var(--spacing-xl) 0 var(--spacing-lg)}.quiz-hero__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.quiz-hero__title{font-size:2.25rem;margin-bottom:.5rem}@media(min-width:769px){.quiz-hero__title{font-size:2.75rem}}.quiz-hero__desc{color:var(--color-text-light);max-width:640px;margin:0 auto var(--spacing-md);font-size:1.02rem}.quiz-hero__actions{display:flex;justify-content:center;gap:var(--spacing-sm)}.quiz-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.82rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.quiz-breadcrumbs a{color:var(--color-text-light)}.quiz-breadcrumbs a:hover{color:var(--color-primary)}.quiz-breadcrumbs__sep{opacity:.5}.quiz-breadcrumbs__current{color:var(--color-text);font-weight:600}.quiz-detail__head{margin-bottom:var(--spacing-lg)}.quiz-detail__head .quiz-detail__title{font-size:1.9rem;margin-bottom:.4rem}.quiz-detail__head .quiz-detail__desc{color:var(--color-text-light);max-width:720px}.quiz-muted{color:var(--color-text-light);font-size:.85rem}.quiz-ok{color:#16a34a;font-weight:600;font-size:.88rem}.quiz-err{color:#dc2626;font-weight:600;font-size:.88rem}.quiz-note{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:.7rem .9rem;font-size:.88rem;color:var(--color-text);margin:var(--spacing-md) 0}.quiz-note--block{display:block}.quiz-link-btn{background:none;border:none;color:var(--color-primary);font:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.quiz-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border:1px solid transparent}.quiz-badge--neutral{background:var(--color-code-bg);color:var(--color-text-light)}.quiz-badge--easy{background:#16a34a1f;color:#16a34a}.quiz-badge--medium{background:#d9770624;color:#d97706}.quiz-badge--hard{background:#dc26261f;color:#dc2626}.quiz-badge--ranked{background:#2563eb24;color:var(--color-primary)}.quiz-badge--community{background:#7c3aed24;color:#7c3aed}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none;line-height:1.2}.quiz-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-btn--primary{background:var(--color-primary);color:#fff}.quiz-btn--primary:hover:not(:disabled){background:var(--color-primary-dark);color:#fff}.quiz-btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.quiz-btn--outline:hover:not(:disabled){background:#2563eb14}.quiz-btn--ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.quiz-btn--ghost:hover:not(:disabled){border-color:var(--color-primary)}.quiz-btn--sm{padding:.35rem .7rem;font-size:.78rem}.quiz-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--spacing-md)}.quiz-actions--nav{justify-content:space-between}.quiz-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}@media(max-width:600px){.quiz-card{padding:var(--spacing-md)}}.quiz-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:var(--spacing-md)}.quiz-filters__search,.quiz-filters__select{padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);font-size:.88rem}.quiz-filters__search{flex:1 1 220px;min-width:0}.quiz-filters__select{flex:0 0 auto}.quiz-browser__count{margin-bottom:var(--spacing-sm)}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.quiz-tile{display:flex;flex-direction:column;gap:.55rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);text-decoration:none;color:var(--color-text);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.quiz-tile:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--color-text);text-decoration:none}.quiz-tile__top{display:flex;flex-wrap:wrap;gap:.4rem}.quiz-tile__title{font-size:1.08rem;margin:0}.quiz-tile__desc{color:var(--color-text-light);font-size:.86rem;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quiz-tile__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.quiz-empty{text-align:center;padding:var(--spacing-xl);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:var(--spacing-md)}.quiz-empty--inline{text-align:left}.quiz-empty__title{font-weight:700;margin-bottom:.3rem}.quiz-intro__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--spacing-md)}.quiz-intro__facts{list-style:none;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:0;margin:0 0 var(--spacing-md)}.quiz-intro__facts li{color:var(--color-text-light);font-size:.9rem}.quiz-intro__facts strong{color:var(--color-text);font-size:1.05rem}.quiz-play__top{margin-bottom:var(--spacing-md)}.quiz-progress{height:8px;background:var(--color-code-bg);border-radius:999px;overflow:hidden;border:1px solid var(--color-border)}.quiz-progress__bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;transition:width var(--transition-base)}.quiz-play__status{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.85rem;color:var(--color-text-light)}.quiz-timer{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.quiz-timer--low{color:#dc2626}.quiz-question__prompt{font-size:1.25rem;margin:var(--spacing-sm) 0 .3rem;line-height:1.4}.quiz-question__hint{display:inline-block;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.quiz-options{display:flex;flex-direction:column;gap:.55rem}.quiz-option{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.8rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);cursor:pointer;font-size:.95rem;transition:all var(--transition-fast)}.quiz-option:hover{border-color:var(--color-primary)}.quiz-option--active{border-color:var(--color-primary);background:#2563eb14}.quiz-option__marker{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-border);font-size:.7rem;font-weight:700;color:#fff}.quiz-option__marker--radio{border-radius:50%}.quiz-option__marker--check{border-radius:6px}.quiz-option--active .quiz-option__marker{background:var(--color-primary);border-color:var(--color-primary)}.quiz-option__text{min-width:0;overflow-wrap:break-word}.quiz-dots{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--spacing-md);justify-content:center}.quiz-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;padding:0}.quiz-dot--done{background:var(--color-text-light);border-color:var(--color-text-light)}.quiz-dot--current{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.25)}.quiz-score{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}@media(max-width:480px){.quiz-score{flex-direction:column;text-align:center;gap:var(--spacing-sm)}}.quiz-score__ring{--pct: 0;position:relative;flex-shrink:0;width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--ring-color, var(--color-primary)) calc(var(--pct) * 1%),var(--color-code-bg) 0)}.quiz-score__ring:before{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:var(--color-surface)}.quiz-score__pct{position:relative;font-size:1.5rem;font-weight:800}.quiz-score__headline{font-size:1.3rem;font-weight:700;margin-bottom:.2rem}.quiz-score--pass{--ring-color: #16a34a}.quiz-score--fail{--ring-color: #d97706}.quiz-submit-status{margin-bottom:var(--spacing-sm);min-height:1.4rem}.quiz-share-msg{margin-top:.4rem}.quiz-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin:var(--spacing-lg) 0 var(--spacing-md)}.quiz-tabs__btn{padding:.55rem .95rem;border:none;background:transparent;color:var(--color-text-light);font-weight:600;font-size:.85rem;cursor:pointer;border-bottom:2px solid transparent}.quiz-tabs__btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.quiz-review{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.quiz-review__item{border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--color-background)}.quiz-review__item--correct{border-left-color:#16a34a}.quiz-review__item--wrong{border-left-color:#dc2626}.quiz-review__q{font-weight:600;margin-bottom:.5rem}.quiz-review__num{color:var(--color-text-light)}.quiz-review__options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.quiz-review__opt{display:flex;align-items:center;gap:.5rem;font-size:.88rem;padding:.35rem .5rem;border-radius:var(--radius-sm);color:var(--color-text-light)}.quiz-review__opt--correct{color:#16a34a;background:#16a34a14;font-weight:600}.quiz-review__opt--wrong{color:#dc2626;background:#dc262614}.quiz-review__opt-icon{width:1rem;text-align:center;font-weight:700}.quiz-review__explain{margin-top:.6rem;font-size:.84rem;color:var(--color-text-light);border-top:1px dashed var(--color-border);padding-top:.5rem}.quiz-leaderboard{overflow-x:auto}.quiz-leaderboard__table{width:100%;border-collapse:collapse;font-size:.88rem}.quiz-leaderboard__table th,.quiz-leaderboard__table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--color-border)}.quiz-leaderboard__table th{color:var(--color-text-light);font-size:.74rem;text-transform:uppercase;letter-spacing:.03em}.quiz-leaderboard__rank{font-weight:800;color:var(--color-primary)}.quiz-leaderboard__name{font-weight:600}.quiz-leaderboard__row--me{background:#2563eb14}.quiz-builder__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}@media(max-width:600px){.quiz-builder__section{padding:var(--spacing-md)}}.quiz-builder__legend{font-size:1.15rem;margin-bottom:var(--spacing-md)}.quiz-builder__question{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-background)}.quiz-builder__question-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.quiz-builder__qnum{font-weight:700}.quiz-builder__question-controls{display:flex;gap:.4rem;align-items:center}.quiz-builder__points{width:64px}.quiz-builder__options{display:flex;flex-direction:column;gap:.45rem}.quiz-builder__option{display:flex;align-items:center;gap:.5rem}.quiz-builder__correct{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-background);color:#fff;cursor:pointer;font-weight:700}.quiz-builder__correct--on{background:#16a34a;border-color:#16a34a}.quiz-builder__bool{font-weight:600;padding:.4rem 0}.quiz-builder__opt-remove{flex-shrink:0;width:30px;height:30px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-light);border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;line-height:1}.quiz-builder__opt-remove:hover{color:#dc2626;border-color:#dc2626}.quiz-builder__errors{list-style:disc;margin:0 0 var(--spacing-md);padding-left:1.3rem;color:#dc2626;font-size:.86rem}.quiz-builder__actions{margin-top:0;margin-bottom:var(--spacing-sm)}.quiz-field{margin-bottom:var(--spacing-sm)}.quiz-field label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-light);margin-bottom:.3rem}.quiz-field input,.quiz-field textarea,.quiz-field select{width:100%;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);font-size:.9rem;font-family:inherit}.quiz-field textarea{resize:vertical}.quiz-field-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}@media(max-width:600px){.quiz-field-row{grid-template-columns:1fr}}