.quiz-page{text-align:center;position:relative;overflow:hidden}.quiz-hero{margin-bottom:48px;position:relative}.quiz-divider{max-width:440px;color:var(--muted-foreground);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:16px;margin:0 auto 32px;font-weight:600;display:flex}.quiz-divider:before,.quiz-divider:after{content:"";background:var(--border);flex:1;height:1px}.quiz-create-section{flex-direction:column;align-items:center;gap:32px;display:flex}.quiz-create-btn{font-size:var(--text-base);align-items:center;gap:10px;padding:14px 28px;display:inline-flex}.quiz-create-section--guest{padding:24px}.quiz-guest-text{font-size:var(--text-base);color:var(--muted-foreground)}.quiz-guest-link{color:var(--accent);font-weight:600}.quiz-my-list{text-align:left;width:100%;max-width:520px}.quiz-my-label{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.quiz-my-card{background:var(--card);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-md);box-shadow:3px 3px 0 var(--foreground);justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:14px 18px;display:flex}.quiz-my-info{align-items:center;gap:12px;min-width:0;display:flex}.quiz-my-title{font-weight:600;font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quiz-code-chip{font-family:var(--font-heading);font-weight:800;font-size:var(--text-xs);letter-spacing:.1em;border-radius:var(--radius-full);border:var(--border-width) solid var(--foreground);background:var(--accent);color:#fff;cursor:pointer;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;transition:opacity .15s;display:inline-flex}.quiz-code-chip:hover{opacity:.85}.quiz-my-actions{flex-shrink:0;gap:6px;display:flex}.quiz-icon-btn{border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background:var(--background);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.quiz-icon-btn:hover{color:var(--foreground);border-color:var(--foreground)}.quiz-icon-btn--danger:hover{color:var(--accent);border-color:var(--accent)}.quiz-taker{text-align:center;max-width:720px;margin:0 auto}.quiz-taker-header{margin-bottom:40px}.quiz-taker-title{margin-bottom:8px;font-size:clamp(1.6rem,4vw,2.4rem)}.quiz-taker-progress{align-items:center;gap:12px;margin-bottom:32px;display:flex}.quiz-taker-bar{background:var(--muted);border-radius:var(--radius-full);border:var(--border-width) solid var(--border);flex:1;height:10px;overflow:hidden}.quiz-taker-bar-fill{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width .4s var(--ease-bounce)}.quiz-taker-counter{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);color:var(--muted-foreground);white-space:nowrap}.quiz-question-text{font-size:var(--text-2xl);margin-bottom:32px;line-height:1.3}.quiz-editor{max-width:680px;margin:0 auto}.quiz-editor-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.quiz-editor-back{font-size:var(--text-sm);color:var(--muted-foreground);align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.quiz-editor-back:hover{color:var(--foreground)}.quiz-editor h1{margin-bottom:24px;font-size:clamp(1.8rem,4vw,2.8rem)}.quiz-field{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.quiz-field label{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.quiz-field input,.quiz-field textarea{border:var(--border-width) solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--input);color:var(--foreground);padding:12px 16px;transition:border-color .2s,box-shadow .2s}.quiz-field input:focus,.quiz-field textarea:focus{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent);outline:none}.quiz-questions-list{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.quiz-q-card{background:var(--card);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.quiz-q-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.quiz-q-num{font-family:var(--font-heading);font-weight:800;font-size:var(--text-sm);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.quiz-option-row{align-items:center;gap:8px;display:flex}.quiz-option-row input[type=radio]{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px}.quiz-option-row input[type=text]{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--input);color:var(--foreground);flex:1;padding:8px 12px}.quiz-option-row input[type=text]:focus{border-color:var(--accent);outline:none}.quiz-add-q-btn{border:2px dashed var(--border);border-radius:var(--radius-lg);width:100%;color:var(--muted-foreground);font-weight:600;font-size:var(--text-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:14px;transition:border-color .15s,color .15s;display:flex}.quiz-add-q-btn:hover{border-color:var(--accent);color:var(--accent)}.quiz-save-row{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.quiz-success-box{background:var(--card);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;animation:pop-in .5s var(--ease-bounce);padding:40px}.quiz-success-code{font-family:var(--font-heading);letter-spacing:.18em;color:var(--accent);margin:16px 0;font-size:3rem;font-weight:800}.quiz-success-hint{color:var(--muted-foreground);margin-bottom:24px}@media (max-width:640px){.quiz-options-grid,.pv-options-grid{grid-template-columns:1fr}.quiz-save-row{flex-direction:column}}