:root{color-scheme:light;--pf-color-bg: #f7f8fa;--pf-color-surface: #ffffff;--pf-color-surface-muted: #eef2f6;--pf-color-border: #d7dee8;--pf-color-text: #182230;--pf-color-text-muted: #526070;--pf-color-primary: #0f6f68;--pf-color-primary-hover: #0b5c56;--pf-color-primary-text: #ffffff;--pf-color-danger: #b42318;--pf-color-focus: #2f80ed;--pf-space-1: .25rem;--pf-space-2: .5rem;--pf-space-3: .75rem;--pf-space-4: 1rem;--pf-space-5: 1.25rem;--pf-space-6: 1.5rem;--pf-space-8: 2rem;--pf-radius-sm: .375rem;--pf-radius-md: .5rem;--pf-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pf-shadow-sm: 0 1px 2px rgb(16 24 40 / 8%)}*{box-sizing:border-box}body{margin:0;background:var(--pf-color-bg);color:var(--pf-color-text);font-family:var(--pf-font-sans)}.pf-button{align-items:center;border:1px solid transparent;border-radius:var(--pf-radius-sm);cursor:pointer;display:inline-flex;font:600 .9375rem/1 var(--pf-font-sans);gap:var(--pf-space-2);justify-content:center;min-width:0;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.pf-button:focus-visible{outline:2px solid var(--pf-color-focus);outline-offset:2px}.pf-button:disabled{cursor:not-allowed;opacity:.55}.pf-button--sm{min-height:2rem;padding:0 var(--pf-space-3)}.pf-button--md{min-height:2.5rem;padding:0 var(--pf-space-4)}.pf-button--full{width:100%}.pf-button--primary{background:var(--pf-color-primary);color:var(--pf-color-primary-text)}.pf-button--primary:hover:not(:disabled){background:var(--pf-color-primary-hover)}.pf-button--secondary{background:var(--pf-color-surface);border-color:var(--pf-color-border);color:var(--pf-color-text)}.pf-button--secondary:hover:not(:disabled){background:var(--pf-color-surface-muted)}.pf-button--ghost{background:transparent;color:var(--pf-color-text)}.pf-button--ghost:hover:not(:disabled){background:var(--pf-color-surface-muted)}.pf-card{background:var(--pf-color-surface);border:1px solid var(--pf-color-border);border-radius:var(--pf-radius-md);box-shadow:var(--pf-shadow-sm);padding:var(--pf-space-5)}.pf-card--muted{background:var(--pf-color-surface-muted);box-shadow:none}.pf-input-field{color:var(--pf-color-text);display:flex;flex-direction:column;gap:var(--pf-space-2);width:100%}.pf-input-label{font-size:.875rem;font-weight:600;line-height:1.3}.pf-input{background:var(--pf-color-surface);border:1px solid var(--pf-color-border);border-radius:var(--pf-radius-sm);color:var(--pf-color-text);font:400 1rem/1.4 var(--pf-font-sans);min-height:2.5rem;padding:0 var(--pf-space-3);width:100%}.pf-input:focus{border-color:var(--pf-color-focus);outline:2px solid var(--pf-color-focus);outline-offset:1px}.pf-input[aria-invalid=true]{border-color:var(--pf-color-danger)}.pf-input-error{color:var(--pf-color-danger);font-size:.875rem;line-height:1.4}.pf-text{margin:0}.pf-text--default{color:var(--pf-color-text)}.pf-text--muted{color:var(--pf-color-text-muted)}.pf-text--danger{color:var(--pf-color-danger)}.pf-text--sm{font-size:.875rem;line-height:1.4}.pf-text--md{font-size:1rem;line-height:1.5}.pf-text--lg{font-size:1.125rem;line-height:1.5}.pf-stack{display:flex;flex-direction:column}.pf-stack--gap-sm{gap:var(--pf-space-2)}.pf-stack--gap-md{gap:var(--pf-space-4)}.pf-stack--gap-lg{gap:var(--pf-space-6)}.pf-stack--align-stretch{align-items:stretch}.pf-stack--align-start{align-items:flex-start}.pf-stack--align-center{align-items:center}.app-shell{min-height:100vh;padding:var(--pf-space-8)}.app-shell__main{margin:0 auto;max-width:48rem}.app-shell__header{padding-top:var(--pf-space-6)}.app-shell__title{color:var(--pf-color-text);font-size:clamp(2rem,4vw,3rem);letter-spacing:0;line-height:1.05;margin:var(--pf-space-2) 0 var(--pf-space-3)}.app-shell__section-title{color:var(--pf-color-text);font-size:1.25rem;letter-spacing:0;line-height:1.25;margin:0 0 var(--pf-space-2)}.app-shell__result-title{color:var(--pf-color-primary);font-size:2rem;letter-spacing:0;line-height:1.1;margin:var(--pf-space-2) 0 var(--pf-space-3)}.app-shell__status{border-top:1px solid var(--pf-color-border);margin:0;padding-top:var(--pf-space-4)}.quiz-progress{display:grid;gap:var(--pf-space-3)}.quiz-progress__track{background:var(--pf-color-surface-muted);border-radius:999px;height:.5rem;overflow:hidden}.quiz-progress__track span{background:var(--pf-color-primary);display:block;height:100%;transition:width .16s ease}.quiz-options{display:grid;gap:var(--pf-space-3);margin-top:var(--pf-space-5)}.quiz-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pf-color-surface);border:1px solid var(--pf-color-border);border-radius:var(--pf-radius-md);color:var(--pf-color-text);cursor:pointer;font:600 1rem/1.3 var(--pf-font-sans);min-height:4rem;padding:var(--pf-space-4);text-align:left;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.quiz-option:hover{background:var(--pf-color-surface-muted);border-color:var(--pf-color-primary);box-shadow:var(--pf-shadow-sm);transform:translateY(-1px)}.quiz-option:focus-visible{outline:2px solid var(--pf-color-focus);outline-offset:2px}.quiz-actions{align-items:center;display:flex;justify-content:space-between}.result-grid{display:grid;gap:var(--pf-space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.result-list{color:var(--pf-color-text-muted);display:grid;gap:var(--pf-space-2);margin:0;padding-left:var(--pf-space-5)}@media(max-width:640px){.app-shell{padding:var(--pf-space-4)}.app-shell__header{padding-top:var(--pf-space-2)}.result-grid{grid-template-columns:1fr}}