#nff-quiz-root{color:#e0e0e0;background:#000;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.quiz-screen{max-width:660px;margin:0 auto;padding:3rem 1.5rem 4rem}.quiz-screen.hidden{display:none}.quiz-breadcrumb{color:#555;margin-bottom:1.5rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-block}.quiz-breadcrumb:hover{color:#999}.quiz-title{letter-spacing:-.02em;color:#fff;text-align:center;margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.quiz-subtitle{color:#888;text-align:center;margin:0 0 .5rem;font-size:clamp(.92rem,2vw,1.05rem);line-height:1.6}.quiz-meta{color:#444;text-align:center;margin:0 0 2rem;font-size:.8rem}.quiz-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;align-items:center;gap:8px;margin:0 auto;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #4caf5040}.quiz-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #4caf5059}.quiz-button:disabled{opacity:.35;cursor:not-allowed}.quiz-button-sm{padding:10px 24px;font-size:.92rem}.quiz-arrow{font-size:1.2rem;transition:transform .2s}.quiz-button:hover:not(:disabled) .quiz-arrow{transform:translate(3px)}.quiz-progress-wrap{margin-bottom:2rem}.quiz-progress-bar{background:#ffffff26;border-radius:2px;height:4px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:2px;width:0%;height:100%;transition:width .4s}.quiz-counter{color:#555;text-align:right;letter-spacing:.05em;margin:.5rem 0 0;font-size:.78rem}.quiz-question{color:#ddd;text-align:left;outline:none;margin:0 0 1.5rem;font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:600;line-height:1.5}.quiz-answers{flex-direction:column;gap:10px;margin-bottom:2rem;display:flex}.quiz-answer{text-align:left;color:#ccc;cursor:pointer;background:#ffffff26;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:14px 18px;font-family:inherit;font-size:.9rem;line-height:1.55;transition:border-color .2s,background .2s,opacity .2s;display:block}.quiz-answer:hover{background:#ffffff12;border-color:#ffffff26}.quiz-answer[aria-checked=true]{background:#4caf501a;border-color:#4caf50}.quiz-answer[aria-checked=true] .quiz-answer-label{color:#4caf50}.quiz-answers.has-selection .quiz-answer:not([aria-checked=true]){opacity:.45}.quiz-answers.has-selection .quiz-answer:not([aria-checked=true]):hover{opacity:.75}.quiz-answer:focus-visible{outline-offset:2px;outline:2px solid #4caf50}.quiz-answer-label{color:#eee;font-weight:600}.quiz-answer-desc{color:#999;margin-left:.25em}.quiz-tip{text-underline-offset:2px;cursor:help;text-decoration:underline dotted #ffffff40;position:relative}.quiz-tip:hover{text-decoration-color:#6abf4b99}.quiz-tip:after{content:attr(data-tip);white-space:normal;color:#ccc;-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:0;z-index:20;background:#141414f5;border:1px solid #ffffff1f;border-radius:6px;width:max-content;max-width:260px;padding:8px 12px;font-size:.78rem;font-weight:400;line-height:1.5;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.quiz-tip:hover:after{opacity:1}.quiz-question .quiz-tip:after{top:calc(100% + 8px);bottom:auto}@media (width<=640px){.quiz-tip:after{max-width:220px;left:0;transform:none}}.quiz-nav{justify-content:space-between;align-items:center;display:flex}.quiz-nav-btn{color:#777;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:.85rem;transition:color .2s,border-color .2s}.quiz-nav-btn:hover:not(:disabled){color:#ccc;border-color:#ffffff40}.quiz-nav-btn:disabled{opacity:.3;cursor:not-allowed}.quiz-fade-out{opacity:0;transition:opacity .15s}.quiz-fade-in{opacity:1;transition:opacity .15s}#screen-result{text-align:center}.quiz-result-label{color:#555;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-size:.78rem}.quiz-result-name{letter-spacing:-.02em;margin:0 0 .25rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.quiz-result-subtitle{color:#888;margin:0 0 2rem;font-size:1rem}.quiz-result-triangle-wrap{justify-content:center;margin-bottom:2rem;display:flex}.quiz-result-triangle{width:100%;max-width:320px;height:auto}.quiz-score-bars{text-align:left;flex-direction:column;gap:12px;max-width:400px;margin:0 auto 2rem;display:flex}.quiz-score-row{grid-template-columns:130px 1fr 40px;align-items:center;gap:10px;display:grid}.quiz-score-label{text-align:right;font-size:.78rem;font-weight:600}.quiz-score-track{background:#ffffff1f;border-radius:4px;height:8px;overflow:hidden}.quiz-score-fill{border-radius:4px;width:0%;height:100%;transition:width .8s}.quiz-score-pct{color:#999;font-size:.82rem;font-weight:600}.quiz-result-desc{color:#bbb;text-align:left;margin:0 0 2rem;font-size:.92rem;line-height:1.7}.quiz-result-explainer{text-align:left;background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;margin-bottom:2.5rem;padding:1.25rem 1.5rem}.quiz-result-explainer h3{color:#666;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.82rem;font-weight:600}.quiz-result-explainer p{color:#888;margin:0;font-size:.85rem;line-height:1.7}.quiz-result-explainer a{color:#6abf4b;text-underline-offset:2px;text-decoration:underline #6abf4b4d}.quiz-result-explainer a:hover{text-decoration-color:#6abf4bb3}.quiz-result-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.quiz-link-back{color:#555;font-size:.85rem;text-decoration:none;transition:color .2s}.quiz-link-back:hover{color:#999}@media (width<=640px){.quiz-screen{padding:2rem 1rem 3rem}.quiz-answer{padding:12px 14px;font-size:.85rem}.quiz-score-row{grid-template-columns:100px 1fr 36px;gap:8px}.quiz-score-label{font-size:.72rem}.quiz-result-explainer{padding:1rem 1.25rem}}@media (prefers-reduced-motion:reduce){.quiz-button,.quiz-arrow,.quiz-answer,.quiz-nav-btn,.quiz-progress-fill,.quiz-score-fill,.quiz-breadcrumb,.quiz-link-back,.quiz-fade-out,.quiz-fade-in{transition:none!important}#result-dot animate{dur:0s}}
