.wp-block-lohko-personality-demo{--personality-demo-ink:var(--wp--preset--color--darkestblue);--personality-demo-muted:var(--wp--preset--color--slateblue);--personality-demo-line:color-mix(in srgb,var(--wp--preset--color--royalblue) 18%,var(--wp--preset--color--paleblue));--personality-demo-color:var(--wp--preset--color--royalblue);--personality-demo-good:var(--wp--preset--color--success);align-items:center;display:flex;min-height:660px;position:relative;&,.personality-demo__option,.personality-demo__profile{--personality-demo-deep:color-mix(in srgb,var(--personality-demo-color) 80%,var(--wp--preset--color--black));--personality-demo-text:color-mix(in srgb,var(--personality-demo-color) 70%,var(--wp--preset--color--black))}[hidden]{display:none!important}.personality-demo__media{border-radius:28px;bottom:0;box-shadow:0 40px 90px -30px color-mix(in srgb,var(--wp--preset--color--black) 70%,transparent);margin:0;overflow:hidden;position:absolute;right:0;top:0;width:64%;&:after{background:linear-gradient(90deg,color-mix(in srgb,var(--wp--preset--color--dark) 55%,transparent) 0,transparent 45%);content:"";inset:0;position:absolute}}.personality-demo__image{display:block;height:100%;object-fit:cover;object-position:62% 40%;width:100%}.personality-demo__card{background:linear-gradient(135deg,var(--wp--preset--color--white) 0,var(--wp--preset--color--paleblue) 55%,color-mix(in srgb,var(--wp--preset--color--royalblue) 22%,var(--wp--preset--color--paleblue)) 100%);border:1px solid var(--wp--preset--color--paleblue);border-radius:18px;box-shadow:0 32px 64px color-mix(in srgb,var(--wp--preset--color--black) 35%,transparent);box-sizing:border-box;color:var(--personality-demo-ink);display:flex;flex-direction:column;max-width:540px;min-height:540px;padding:clamp(24px,4vw,32px);position:relative;width:100%;z-index:1}.personality-demo__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin-bottom:14px}.personality-demo__step{color:var(--personality-demo-muted);font-size:.8125rem;font-weight:700}.personality-demo__tag{background:var(--wp--preset--color--white);border-radius:999px;color:var(--wp--preset--color--royalblue);font-size:.75rem;font-weight:700;padding:4px 10px}.personality-demo__progress{background:color-mix(in srgb,var(--wp--preset--color--white) 80%,transparent);border-radius:6px;display:block;height:6px;margin-bottom:28px}.personality-demo__progress-fill{background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:inherit;display:block;height:100%;transition:width .35s ease;width:var(--personality-demo-position)}.personality-demo__screen{display:flex;flex-direction:column;gap:10px}.personality-demo__done-title,.personality-demo__question,.personality-demo__result-title{color:var(--personality-demo-ink);font-size:clamp(1.25rem,2.4vw,1.4375rem);font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0}.personality-demo__question{margin-bottom:10px}.personality-demo__options{display:flex;flex-direction:column;gap:10px}.personality-demo__option{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 80%,transparent);border:1px solid var(--personality-demo-line);border-radius:12px;box-sizing:border-box;color:var(--personality-demo-ink);cursor:pointer;display:flex;font:inherit;font-size:.90625rem;font-weight:600;gap:12px;margin:0;min-height:56px;padding:10px 14px;text-align:left;transition:background-color .2s ease,border-color .2s ease;width:100%;&:hover{border-color:color-mix(in srgb,var(--personality-demo-muted) 50%,var(--wp--preset--color--white))}&.is-selected,&:hover{background:var(--wp--preset--color--white)}&.is-selected{border-color:var(--personality-demo-ink)}}.personality-demo__badge-icon,.personality-demo__option-icon{align-items:center;background:var(--personality-demo-deep);color:var(--wp--preset--color--white);display:flex;flex:none;justify-content:center}.personality-demo__option-icon{border-radius:10px;height:34px;width:34px;svg{height:18px;width:18px}}.personality-demo__result{align-items:flex-start;gap:14px}.personality-demo__badge-icon{border-radius:18px;box-shadow:0 16px 36px -12px color-mix(in srgb,var(--personality-demo-color) 70%,transparent);height:64px;width:64px;svg{height:30px;width:30px}}.personality-demo__result-label{color:var(--personality-demo-muted);font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.personality-demo__result-title{font-size:clamp(1.375rem,2.8vw,1.75rem)}.personality-demo__name{color:var(--personality-demo-text)}.personality-demo__lead{color:var(--personality-demo-ink);font-size:1rem;font-weight:600;line-height:1.5;margin:0}.personality-demo__done-text,.personality-demo__text{color:var(--personality-demo-muted);font-size:.9375rem;line-height:1.6;margin:0}.personality-demo__match{gap:14px}.personality-demo__panel{align-items:flex-end;background:linear-gradient(160deg,var(--personality-demo-color) 0,var(--personality-demo-deep) 45%,var(--wp--preset--color--darkestblue) 100%);border-radius:14px;box-sizing:border-box;display:flex;height:190px;overflow:hidden;padding:16px;position:relative}.personality-demo__badge{background:color-mix(in srgb,var(--wp--preset--color--white) 92%,transparent);border-radius:999px;color:var(--personality-demo-text);font-size:.6875rem;font-weight:800;left:12px;letter-spacing:.04em;padding:5px 10px;position:absolute;text-transform:uppercase;top:12px}.personality-demo__destination{color:var(--wp--preset--color--white);font-size:1.625rem;font-weight:800;text-shadow:0 2px 12px color-mix(in srgb,var(--wp--preset--color--black) 35%,transparent)}.personality-demo__offer{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.personality-demo__offer-body{display:flex;flex-direction:column;gap:4px}.personality-demo__trip{color:var(--personality-demo-ink);font-size:1.0625rem;font-weight:800}.personality-demo__match-note{color:var(--personality-demo-muted);font-size:.8125rem}.personality-demo__price-box{color:var(--personality-demo-ink);display:flex;flex:none;flex-direction:column;font-size:.8125rem;font-weight:700;text-align:right}.personality-demo__price{font-size:1rem}.personality-demo__done{align-items:flex-start;gap:14px}.personality-demo__check{align-items:center;background:color-mix(in srgb,var(--personality-demo-good) 18%,var(--wp--preset--color--white));border-radius:16px;color:color-mix(in srgb,var(--personality-demo-good) 65%,var(--wp--preset--color--black));display:flex;height:56px;justify-content:center;width:56px;svg{height:28px;width:28px}}.personality-demo__back,.personality-demo__book,.personality-demo__create,.personality-demo__restart,.personality-demo__to-match{align-items:center;align-self:flex-start;border:1px solid transparent;border-radius:999px;box-sizing:border-box;cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:700;height:44px;padding:0 20px;text-decoration:none}.personality-demo__book,.personality-demo__to-match{background:var(--wp--preset--gradient--royalblue-to-cyan);box-shadow:0 8px 24px -8px color-mix(in srgb,var(--wp--preset--color--royalblue) 60%,transparent);color:var(--wp--preset--color--dark);margin-top:8px}.personality-demo__book{margin-top:0}.personality-demo__back,.personality-demo__restart{background:var(--wp--preset--color--white);border-color:var(--personality-demo-line);color:var(--personality-demo-ink);height:40px;padding:0 16px;&:hover{border-color:color-mix(in srgb,var(--personality-demo-muted) 50%,var(--wp--preset--color--white))}}.personality-demo__create{background:var(--personality-demo-ink);color:var(--wp--preset--color--white);height:40px;padding:0 16px;&:hover{color:var(--wp--preset--color--white)}}.personality-demo__footer{align-items:center;border-top:1px solid var(--personality-demo-line);display:flex;gap:12px;justify-content:space-between;margin-top:auto;min-height:40px;padding-top:18px}.personality-demo__end{display:flex;flex-wrap:wrap;gap:8px}.personality-demo__screen:not([hidden]){margin-bottom:24px}a:focus-visible,button:focus-visible{outline:2px solid var(--wp--preset--color--cyan);outline-offset:3px}}@media (max-width:991px){.wp-block-lohko-personality-demo{align-items:stretch;flex-direction:column;min-height:0;.personality-demo__media{aspect-ratio:16/10;position:relative;width:100%}.personality-demo__card{margin:-80px auto 0;max-width:540px;width:calc(100% - 32px)}}}@media (prefers-reduced-motion:reduce){.wp-block-lohko-personality-demo{.personality-demo__option,.personality-demo__progress-fill{transition:none}}}