.quizapp{background:var(--surface-2)}.quizapp .quizapp__inner{padding:56px var(--gutter) 88px;grid-template-columns:1fr;align-items:start;gap:32px;max-width:760px;display:grid}.quizapp .quizapp__eyebrow{color:var(--brand-signature,var(--ocean))}.quizapp .quizapp__title{font-family:var(--display);letter-spacing:-.02em;color:var(--ink-strong);max-width:18ch;margin-top:12px;font-size:clamp(30px,4.4vw,46px);font-weight:600;line-height:1.05}.quizapp .quizapp__deck{font-size:var(--fs-body-l);color:var(--muted);max-width:56ch;margin-top:14px;line-height:1.55}.quizapp .quizapp__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-direction:column;min-height:440px;display:flex;overflow:hidden}.quizapp .quizapp__step{flex-direction:column;flex:1;padding:36px;display:flex}@media (width<=560px){.quizapp .quizapp__step{padding:24px}}.quizapp .quizapp__kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-signature,var(--ocean));outline:none;font-size:12px}.quizapp .quizapp__lead{font-size:var(--fs-body-l);color:var(--ink);max-width:48ch;margin-top:14px;line-height:1.6}.quizapp .quizapp__fine{color:var(--faint);font-size:12.5px;font-family:var(--mono);margin-top:auto;padding-top:24px}.quizapp .quizapp__primary{background:var(--brand-signature,var(--ocean));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:0;align-self:flex-start;margin-top:24px;padding:14px 26px;font-size:16px;font-weight:600;transition:background .15s}.quizapp .quizapp__primary:hover{background:var(--brand-signature-hover,var(--ocean-deep))}.quizapp .quizapp__primary:disabled{opacity:.55}.quizapp .quizapp__bar{background:var(--surface-3);border-radius:999px;height:4px;overflow:hidden}.quizapp .quizapp__bar span{background:var(--brand-signature,var(--ocean));height:100%;transition:width .25s;display:block}.quizapp .quizapp__meta{justify-content:space-between;align-items:baseline;margin:16px 0 8px;display:flex}.quizapp .quizapp__count{font-family:var(--mono);color:var(--ink);letter-spacing:.04em;font-size:12px}.quizapp .quizapp__type{font-family:var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.quizapp .quizapp__q{font-family:var(--display);letter-spacing:-.015em;color:var(--ink-strong);outline:none;font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1.12}.quizapp .quizapp__help{color:var(--muted);margin-top:8px;font-size:14.5px}.quizapp .quizapp__opts{flex-direction:column;gap:10px;margin:22px 0 0;display:flex}.quizapp .quizopt{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);cursor:pointer;align-items:center;gap:13px;padding:14px 16px;font-size:16px;transition:border-color .15s,background .15s;display:flex}.quizapp .quizopt:hover{border-color:var(--brand-signature,var(--ocean));background:var(--surface-2)}.quizapp .quizopt.is-on{border-color:var(--brand-signature,var(--ocean));background:color-mix(in srgb, var(--brand-signature,var(--ocean)) 7%, #fff)}.quizapp .quizopt__mark{border:1.5px solid var(--faint);flex:0 0 22px;width:22px;height:22px;transition:border-color .15s,background .15s;position:relative}.quizapp .quizopt[role=radio] .quizopt__mark{border-radius:50%}.quizapp .quizopt[role=checkbox] .quizopt__mark{border-radius:5px}.quizapp .quizopt.is-on .quizopt__mark{border-color:var(--brand-signature,var(--ocean));background:var(--brand-signature,var(--ocean))}.quizapp .quizopt.is-on .quizopt__mark:after{content:"";position:absolute;inset:0}.quizapp .quizopt[role=radio].is-on .quizopt__mark:after{background:#fff;border-radius:50%;inset:5px}.quizapp .quizopt[role=checkbox].is-on .quizopt__mark:after{top:3px;left:7px;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:11px;inset:auto;transform:rotate(45deg)}.quizapp .quizopt__label{line-height:1.3}.quizapp .quizapp__hint{color:var(--danger);margin-top:12px;font-size:13.5px}.quizapp .quizapp__nav{justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:28px;display:flex}.quizapp .quizapp__nav .quizapp__primary{margin-top:0}.quizapp .quizapp__back{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:15px;font-weight:600}.quizapp .quizapp__back:hover:not(:disabled){color:var(--ink)}.quizapp .quizapp__back:disabled{opacity:.4;cursor:default}.quizapp .quizgate{flex-direction:column;gap:14px;margin-top:22px;display:flex}.quizapp .quizgate__row{flex-wrap:wrap;gap:10px;display:flex}.quizapp .quizgate__row input{min-width:200px;font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);flex:1;padding:13px 15px;font-size:16px}.quizapp .quizgate__row .quizapp__primary{margin-top:0}.quizapp .quizgate__hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.quizapp .quizgate__consent{color:var(--muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.quizapp .quizgate__consent input{accent-color:var(--brand-signature,var(--ocean));margin-top:2px}.quizapp .quizgate__err{color:var(--danger);font-size:13.5px}.quizapp .quizres{background:var(--ink-strong);color:#fff;padding:40px}@media (width<=560px){.quizapp .quizres{padding:26px}}.quizapp .quizres .quizapp__kicker{color:var(--brand-accent-bright,var(--ocean-bright))}.quizapp .quizres__h{font-family:var(--display);letter-spacing:-.02em;color:#fff;max-width:20ch;margin-top:10px;font-size:clamp(24px,3.4vw,34px);font-weight:600;line-height:1.08}.quizapp .quizres__note{font-family:var(--mono);color:#b7b1a4;max-width:60ch;margin-top:14px;font-size:12.5px;line-height:1.5}.quizapp .quizres__list{flex-direction:column;gap:14px;margin-top:26px;display:flex}.quizapp .rescard{border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff24;gap:18px;padding:22px;display:flex;position:relative}.quizapp .rescard__rank{font-family:var(--display);color:var(--brand-accent-bright,var(--ocean-bright));flex:none;width:28px;font-size:28px;font-weight:600;line-height:1}.quizapp .rescard__name{font-family:var(--display);color:#fff;font-size:22px;font-weight:600;line-height:1.1}.quizapp .rescard__region{color:#c8c3b7;margin-top:4px;font-size:13px}.quizapp .rescard__region strong{color:#fff}.quizapp .rescard__why{color:var(--brand-accent-bright,var(--ocean-bright));margin-top:10px;font-size:14.5px;line-height:1.45}.quizapp .rescard__blurb{color:#cdc8bc;margin-top:8px;font-size:14.5px;line-height:1.55}.quizapp .rescard__guides{flex-wrap:wrap;gap:8px 16px;margin-top:14px;display:flex}.quizapp .rescard__guides a{color:#fff;border-bottom:1px solid #ffffff59;padding-bottom:1px;font-size:13.5px;font-weight:600}.quizapp .rescard__guides a:hover{border-color:var(--brand-accent-bright,var(--ocean-bright));color:var(--brand-accent-bright,var(--ocean-bright))}.quizapp .rescard.is-locked .rescard__body{filter:blur(5px);opacity:.55;user-select:none;pointer-events:none}.quizapp .rescard__lock{font-family:var(--mono);letter-spacing:.04em;color:#fff;justify-content:center;align-items:center;font-size:12.5px;display:flex;position:absolute;inset:0}.quizapp .quizres__gate{border-top:1px solid #ffffff24;margin-top:26px;padding-top:24px}.quizapp .quizres__gate .quizapp__kicker{color:var(--brand-accent-bright,var(--ocean-bright))}.quizapp .quizres__gate .quizapp__q{color:#fff;margin-top:6px;font-size:21px}.quizapp .quizres__gate .quizgate__row input{color:#fff;background:#ffffff14;border-color:#fff3}.quizapp .quizres__gate .quizgate__consent{color:#b7b1a4}.quizapp .quizres__cta{border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff24;margin-top:30px;padding:26px}.quizapp .quizres__cta h3{font-family:var(--display);color:#fff;font-size:22px;font-weight:600;line-height:1.1}.quizapp .quizres__cta p{color:#cdc8bc;max-width:56ch;margin:8px 0 0;font-size:14.5px;line-height:1.55}.quizapp .quizres__cta .quizapp__primary{background:var(--gold);color:#3a2c00}.quizapp .quizres__cta .quizapp__primary:hover{background:#d9a521}.quizapp .quizapp__restart{color:#9a958a;font-size:13.5px;font-family:var(--mono);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:18px}.quizapp .quizapp__restart:hover{color:#fff}
