.pccf-quiz{--pccf-text:var(--wp--preset--color--black,#1a1a30);--pccf-muted:var(--wp--preset--color--text-secondary,#697281);--pccf-border:var(--wp--preset--color--borders,#e5e7eb);--pccf-bg:var(--wp--preset--color--base,#fafaf8);--pccf-alt:var(--wp--preset--color--base-alternative,#f5f5f0);--pccf-surface:#fff;--pccf-primary:var(--wp--preset--color--dark-primary,#4a1d8e);--pccf-primary-mid:var(--wp--preset--color--primary,#6b3fa0);--pccf-primary-soft:var(--wp--preset--color--light-primary,#e8dff5);--pccf-cta:var(--wp--preset--color--cta-primary,#e87461);--pccf-cta-hover:var(--wp--preset--color--cta-secondary,#d4604e);--pccf-error:var(--wp--preset--color--error,#ff2b3a);--pccf-success:var(--wp--preset--color--success,#00bc7c);--pccf-radius:var(--wp--preset--border-radius--default,12px);--pccf-radius-lg:var(--wp--preset--border-radius--large,20px);--pccf-shadow:var(--wp--preset--shadow--light,0 10px 24px 0 rgba(26,26,48,.08));--pccf-space:var(--wp--preset--spacing--medium,24px);color:var(--pccf-text);max-width:42rem;margin:0 auto;padding:1.5rem 1rem 3rem;font-size:var(--wp--preset--font-size--body,.9375rem);line-height:1.55}.pccf-quiz__app{min-height:12rem}.pccf-quiz__panel{display:flex;flex-direction:column;gap:1.15rem;background:var(--pccf-surface);border:1px solid var(--pccf-border);border-radius:var(--pccf-radius-lg);box-shadow:var(--pccf-shadow);padding:clamp(1.25rem, 3vw, 2rem)}.pccf-quiz__brandline{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem;margin:0}.pccf-quiz__brand{font-size:clamp(1.15rem, 2.4vw, 1.45rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--pccf-primary)}.pccf-quiz__version-tag{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;background:var(--pccf-primary-soft,#f3eef9);border:1px solid #dccff0;color:var(--pccf-primary);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}.pccf-quiz__title{font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;line-height:1.2;margin:0;color:var(--pccf-primary);letter-spacing:-.02em}.pccf-quiz__subtitle{color:var(--pccf-primary-mid);font-weight:600;font-size:var(--wp--preset--font-size--h3,1.125rem);margin:0;line-height:1.4}.pccf-quiz__subtitle strong{color:var(--pccf-primary);font-weight:700}.pccf-quiz__lead{margin:0;font-size:clamp(1.05rem, 2.2vw, 1.25rem);font-weight:600;line-height:1.45;color:var(--pccf-text)}.pccf-quiz__lead strong{color:var(--pccf-primary)}.pccf-quiz__prose{margin:0;color:var(--pccf-muted);line-height:1.65}.pccf-quiz__prose strong{color:var(--pccf-text);font-weight:600}.pccf-quiz__badge{display:inline-flex;align-items:center;gap:.5rem;margin:.15rem 0 0;padding:.45rem .9rem;width:fit-content;max-width:100%;border-radius:999px;background:var(--pccf-primary-soft);color:var(--pccf-primary);font-weight:600;font-size:var(--wp--preset--font-size--small,.875rem)}.pccf-quiz__badge-label{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:var(--pccf-primary);color:#fff;font-size:var(--wp--preset--font-size--xsmall,.75rem);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pccf-quiz__howto{display:flex;flex-direction:column;gap:.85rem;margin-top:.35rem;padding:1.15rem 1.2rem;background:linear-gradient(180deg,var(--pccf-primary-soft) 0%,#fff 55%);border:1px solid #dccff0;border-radius:var(--pccf-radius)}.pccf-quiz__howto-title{margin:0;font-size:var(--wp--preset--font-size--h3,1.125rem);font-weight:700;color:var(--pccf-primary)}.pccf-quiz__howto-lead{margin:0;font-weight:600;color:var(--pccf-text)}.pccf-quiz__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.pccf-quiz__step{display:flex;align-items:flex-start;gap:.75rem;margin:0;padding:.7rem .85rem;background:#fff;border:1px solid var(--pccf-border);border-radius:var(--pccf-radius)}.pccf-quiz__step-rank{flex:0 0 1.75rem;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--pccf-primary);color:#fff;font-size:.8rem;font-weight:700;line-height:1}.pccf-quiz__step-text{flex:1;padding-top:.15rem;color:var(--pccf-text);font-weight:500}.pccf-quiz__howto-note{margin:0;padding:.75rem .9rem;border-left:3px solid var(--pccf-cta);background:#fff;border-radius:0 var(--pccf-radius) var(--pccf-radius) 0;color:var(--pccf-muted);font-size:var(--wp--preset--font-size--small,.875rem)}.pccf-quiz__howto-note strong{color:var(--pccf-text);font-weight:700}.pccf-quiz__hint,.pccf-quiz__privacy,.pccf-quiz__note{color:var(--pccf-muted);margin:0}.pccf-quiz__note{padding:.85rem 1rem;background:var(--wp--preset--color--light-green,#e8fff4);border-radius:var(--pccf-radius);color:var(--wp--preset--color--dark-green,#00672e);font-size:var(--wp--preset--font-size--small,.875rem);font-weight:600;text-align:center}.pccf-quiz__progress{font-size:var(--wp--preset--font-size--small,.875rem);font-weight:600;color:var(--pccf-primary-mid);margin:0}.pccf-quiz__bar{height:8px;background:var(--pccf-primary-soft);border-radius:999px;overflow:hidden}.pccf-quiz__bar>span{display:block;height:100%;background:linear-gradient(135deg,var(--pccf-primary) 0%,var(--pccf-primary-mid) 100%);border-radius:inherit;transition:width .25s ease}.pccf-quiz__question{font-size:clamp(1.05rem, 2.2vw, 1.35rem);font-weight:700;line-height:1.35;margin:0;color:var(--pccf-text)}.pccf-quiz__list{margin:0;padding-left:1.2rem;color:var(--pccf-text)}.pccf-quiz__list li+li{margin-top:.35rem}.pccf-quiz__options{display:flex;flex-direction:column;gap:.45rem}.pccf-quiz__option{display:flex;align-items:center;gap:.65rem;border:1px solid var(--pccf-border);border-radius:var(--pccf-radius);padding:.5rem .65rem;background:var(--pccf-bg);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.pccf-quiz__option:hover,.pccf-quiz__option:focus-within{border-color:var(--pccf-primary-mid);background:#fff;box-shadow:0 3px 10px rgba(74,29,142,.07)}.pccf-quiz__option.is-ranked{border-color:#dccff0;background:#fff}.pccf-quiz__letter{flex:0 0 1.85rem;width:1.85rem;height:1.85rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--pccf-primary);color:#fff;font-size:.8rem;font-weight:700;line-height:1;letter-spacing:0}.pccf-quiz__option-text{flex:1 1 auto;min-width:0;margin:0;font-weight:500;font-size:var(--wp--preset--font-size--small,.875rem);line-height:1.35;color:var(--pccf-text)}.pccf-quiz__ranks{display:flex;flex:0 0 auto;gap:.3rem}.pccf-quiz__rank{min-width:2rem;height:2rem;padding:0;border:1.5px solid var(--pccf-border);border-radius:8px;background:#fff;color:var(--pccf-muted);cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pccf-quiz__rank:hover{border-color:var(--pccf-primary-mid);color:var(--pccf-primary)}.pccf-quiz__rank:focus-visible{outline:2px solid var(--pccf-primary-mid);outline-offset:2px}.pccf-quiz__rank.is-active{background:var(--pccf-cta);border-color:var(--pccf-cta);color:#fff}.pccf-quiz__summary{margin-top:.25rem;padding:.85rem 1rem;border-radius:var(--pccf-radius);background:var(--pccf-primary-soft);border:1px solid #dccff0}.pccf-quiz__summary.is-complete{border-color:var(--pccf-primary-mid);box-shadow:0 0 0 1px rgba(107,63,160,.12)}.pccf-quiz__summary-title{margin:0 0 .55rem;font-size:var(--wp--preset--font-size--small,.875rem);font-weight:700;color:var(--pccf-primary)}.pccf-quiz__summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.pccf-quiz__summary-slot{display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:var(--wp--preset--font-size--small,.875rem);line-height:1.35}.pccf-quiz__summary-slot.is-empty{opacity:.55}.pccf-quiz__summary-rank{flex:0 0 1.35rem;width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--pccf-primary);color:#fff;font-size:.7rem;font-weight:700}.pccf-quiz__summary-slot.is-empty .pccf-quiz__summary-rank{background:#c4b5d8}.pccf-quiz__summary-letter{flex:0 0 auto;font-weight:700;color:var(--pccf-primary)}.pccf-quiz__summary-text{flex:1 1 auto;min-width:0;color:var(--pccf-text)}.pccf-quiz__hint{font-size:var(--wp--preset--font-size--xsmall,.75rem);line-height:1.4}.pccf-quiz__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.35rem}.pccf-quiz__btn{appearance:none;border:1.5px solid var(--pccf-border);background:#fff;color:var(--pccf-text);border-radius:var(--pccf-radius);padding:.85rem 1.5rem;cursor:pointer;font:inherit;font-size:var(--wp--preset--font-size--cta,1rem);font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.pccf-quiz__btn:hover{border-color:var(--pccf-primary-mid);color:var(--pccf-primary)}.pccf-quiz__btn:focus-visible{outline:2px solid var(--pccf-primary-mid);outline-offset:2px}.pccf-quiz__btn--primary{background:var(--pccf-cta);border-color:var(--pccf-cta);color:#fff;box-shadow:0 6px 16px rgba(232,116,97,.28)}.pccf-quiz__btn--primary:hover{background:var(--pccf-cta-hover);border-color:var(--pccf-cta-hover);color:#fff}.pccf-quiz__btn--admin{border-style:dashed;font-size:.875rem;padding:.7rem 1.15rem;color:var(--pccf-muted)}.pccf-quiz__btn:disabled{opacity:.65;cursor:wait;box-shadow:none}.pccf-quiz__fields{display:grid;grid-template-columns:1fr;gap:.85rem 1rem}@media (min-width:720px){.pccf-quiz{max-width:48rem}.pccf-quiz__fields{grid-template-columns:1fr 1fr}.pccf-quiz__field--full{grid-column:1/-1}}.pccf-quiz__field{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:var(--wp--preset--font-size--small,.875rem);color:var(--pccf-text);min-width:0}.pccf-quiz__required{color:#c62828;font-weight:700}.pccf-quiz__required-note{margin:0 0 .25rem;font-size:var(--wp--preset--font-size--small,.875rem);font-weight:500;line-height:1.4;color:#c62828}.pccf-quiz__field input,.pccf-quiz__field select{font:inherit;font-size:var(--wp--preset--font-size--body,.9375rem);font-weight:400;width:100%;box-sizing:border-box;padding:.8rem .95rem;border:1.5px solid var(--pccf-border);border-radius:var(--pccf-radius);background:var(--pccf-bg);color:var(--pccf-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.pccf-quiz__geo{position:relative}.pccf-quiz__geo-suggest{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 2px);margin:0;padding:0;list-style:none;max-height:12rem;overflow:auto;background:#fff;border:1px solid var(--pccf-border,#d0d5dd);border-radius:var(--pccf-radius,4px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.pccf-quiz__geo-suggest[hidden]{display:none}.pccf-quiz__geo-option{display:block;width:100%;margin:0;padding:.55rem .75rem;border:0;background:0 0;text-align:left;font:inherit;font-weight:500;color:var(--pccf-text);cursor:pointer}.pccf-quiz__geo-option:hover,.pccf-quiz__geo-option:focus,.pccf-quiz__geo-option.is-active,.pccf-quiz__geo-option[aria-selected=true]{background:#eef6fa;outline:none}.pccf-quiz__field input:hover,.pccf-quiz__field select:hover{border-color:#c9b8e0}.pccf-quiz__field input:focus,.pccf-quiz__field select:focus{outline:none;border-color:var(--pccf-primary-mid);background:#fff;box-shadow:0 0 0 3px rgba(107,63,160,.15)}.pccf-quiz__field--invalid input,.pccf-quiz__field--invalid select,.pccf-quiz__field input.is-invalid,.pccf-quiz__field select.is-invalid{border-color:var(--pccf-error);background:var(--wp--preset--color--light-red,#fff1f0)}.pccf-quiz__field-error{color:var(--pccf-error);font-weight:400;font-size:var(--wp--preset--font-size--xsmall,.75rem)}.pccf-quiz__consent{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;padding:.85rem 1rem;background:var(--pccf-alt);border-radius:var(--pccf-radius);border:1px solid var(--pccf-border)}.pccf-quiz__consent input{margin-top:.2rem;accent-color:var(--pccf-primary)}.pccf-quiz__error,.pccf-quiz__error-list{color:var(--pccf-error);margin:0;font-size:var(--wp--preset--font-size--small,.875rem)}.pccf-quiz__error-list{padding:.85rem 1rem .85rem 1.8rem;background:var(--wp--preset--color--light-red,#fff1f0);border-radius:var(--pccf-radius)}.pccf-quiz__panel--success{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--pccf-primary) 0%,var(--pccf-primary-mid) 100%) border-box;border:2px solid transparent;position:relative}.pccf-quiz__panel--success:before{content:"";display:block;width:3rem;height:.35rem;border-radius:999px;background:var(--pccf-primary);margin-bottom:.25rem}.pccf-quiz__panel--success h2{color:var(--pccf-primary);margin:0}.pccf-quiz__loading{color:var(--pccf-muted);text-align:center;padding:2rem 1rem}@media (max-width:600px){.pccf-quiz{padding:1rem .75rem 2.5rem}.pccf-quiz__panel{padding:1rem;border-radius:var(--pccf-radius);gap:.85rem}.pccf-quiz__option{flex-wrap:wrap;align-items:flex-start;padding:.55rem .6rem;gap:.5rem .6rem}.pccf-quiz__option-text{flex:1 1 calc(100% - 2.5rem)}.pccf-quiz__ranks{width:100%;justify-content:flex-end;padding-left:2.45rem}.pccf-quiz__rank{min-width:2.35rem;height:2.35rem;font-size:.85rem}.pccf-quiz__actions{flex-direction:column}.pccf-quiz__btn{width:100%}}@media (prefers-reduced-motion:reduce){.pccf-quiz__bar>span,.pccf-quiz__btn,.pccf-quiz__rank,.pccf-quiz__option,.pccf-quiz__field input,.pccf-quiz__field select{transition:none}}