.hk5-app{--hk-green:#06432e;font-family:inherit;max-width:680px;margin:1.5rem auto;padding:clamp(15px,4vw,32px);background:#f8faf8;color:#19231e;border:1px solid #e2eae4;border-radius:16px;text-align:center;box-sizing:border-box}.hk5-app *{box-sizing:border-box}.hk5-app h2{font-size:clamp(1.65rem,4vw,2rem);margin:0;font-weight:700}.hk5-subtitle{margin:4px 0 16px;color:#54665b}.hk5-instructions{max-width:560px;text-align:left;margin:0 auto 18px;line-height:1.65;font-size:15px}.hk5-instructions p{margin:0 0 10px}.hk5-counter{font-size:14px;font-weight:650;color:#4b6254;margin:10px auto}.hk5-card{display:block;appearance:none;position:relative;width:min(260px,75vw);aspect-ratio:7/12;padding:0;margin:0 auto;background:transparent;border:0;cursor:pointer;perspective:1100px;box-shadow:none;outline-offset:5px;-webkit-tap-highlight-color:transparent}.hk5-card:focus-visible{outline:3px solid #40745b}.hk5-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.72,.2,1)}.hk5-card.hk5-revealed .hk5-inner{transform:rotateY(180deg)}.hk5-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #10201822}.hk5-back{background:var(--hk-green);color:#fff;justify-content:center;padding:18px}.hk5-back:after{content:"";position:absolute;inset:12px;border:1px solid #ffffff38;border-radius:9px}.hk5-back span{font-size:clamp(17px,4.4vw,21px);font-weight:750;letter-spacing:.015em}.hk5-front{transform:rotateY(180deg);background:#fff;border:1px solid #dee5df;padding:38px 24px 42px;color:#171a18}.hk5-title{font-weight:750;font-size:clamp(17px,4vw,20px);line-height:1.15}.hk5-question{font-size:clamp(15px,3.8vw,18px);line-height:1.35}.hk5-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px auto 8px}.hk5-controls button{font:inherit;font-weight:650;font-size:15px;border-radius:9px;padding:12px 18px;cursor:pointer;border:1px solid var(--hk-green);background:#fff;color:var(--hk-green)}.hk5-controls .hk5-next,.hk5-controls .hk5-reset{background:var(--hk-green);color:white}.hk5-controls button[hidden]{display:none}.hk5-controls button:disabled{opacity:.45;cursor:not-allowed}.hk5-controls button:focus-visible{outline:3px solid #9eb9a7;outline-offset:2px}.hk5-status{min-height:1.5em;font-size:14px;color:#4e6355}.hk5-footer{color:#5b6c62;font-size:13px;margin-top:12px}@media(prefers-reduced-motion:reduce){.hk5-inner{transition:none}}