:root{--cskq-purple:#5b2cff;--cskq-pink:#ff4fa3;--cskq-blue:#3e5bff;--cskq-green:#22c55e;--cskq-ink:#172554}#cskq-app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:980px;margin:0 auto;color:var(--cskq-ink)}.cskq-shell{min-height:600px;background:linear-gradient(145deg,#4527df,#8c2de2 48%,#ff58aa);padding:14px;border-radius:28px;box-shadow:0 20px 55px rgb(34 22 96 / .22)}.cskq-panel{background:linear-gradient(#fff,#f8f8ff);border-radius:22px;overflow:hidden;min-height:650px}.cskq-top{background:linear-gradient(135deg,#3e36e8,#7026cc);color:#fff;padding:22px 22px 18px;text-align:center}.cskq-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.cskq-back{background:#fff0;border:0;color:#fff;font-size:30px;cursor:pointer}.cskq-count{font-weight:800;font-size:18px}.cskq-trophy{font-size:28px}.cskq-progress{display:flex;gap:6px;margin:18px auto 0;max-width:560px}.cskq-progress span{height:8px;flex:1;border-radius:999px;background:rgb(255 255 255 / .3)}.cskq-progress span.done{background:#ffd52e}.cskq-body{padding:30px 28px 38px}.cskq-question{font-size:clamp(28px,4vw,48px);line-height:1.12;text-align:center;margin:4px auto 28px;max-width:850px;font-weight:900}.cskq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cskq-card{position:relative;min-height:250px;border:0;border-radius:20px;overflow:hidden;padding:0;background:#ddd;cursor:pointer;box-shadow:0 8px 22px rgb(25 25 65 / .13);transition:.2s transform,.2s box-shadow}.cskq-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgb(25 25 65 / .2)}.cskq-card.selected{outline:5px solid #ffd42a;transform:translateY(-3px)}.cskq-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cskq-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgb(0 0 0 / .78))}.cskq-label{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;color:#fff;background:rgb(0 0 0 / .58);backdrop-filter:blur(4px);border-radius:14px;padding:12px 13px;font-size:16px;font-weight:800;text-align:center}.cskq-next{display:block;margin:26px auto 0;background:linear-gradient(135deg,var(--cskq-purple),var(--cskq-pink));color:#fff;border:0;border-radius:999px;padding:15px 34px;font-size:17px;font-weight:900;cursor:pointer}.cskq-next:disabled{opacity:.4;cursor:not-allowed}.cskq-create{max-width:560px;margin:0 auto;text-align:center}.cskq-create input{width:100%;box-sizing:border-box;border:2px solid #e0e4ff;border-radius:16px;padding:16px;font-size:18px;margin:10px 0 16px}.cskq-share{background:linear-gradient(135deg,#16c65a,#0aa84a);color:#fff;border:0;border-radius:999px;padding:17px 28px;font-size:18px;font-weight:900;cursor:pointer;width:100%;margin:14px 0}.cskq-secondary{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.cskq-secondary button{border:0;background:#eef0ff;color:#34376d;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer}.cskq-score{font-size:72px;font-weight:1000;text-align:center;color:var(--cskq-purple);margin:15px 0 4px}.cskq-message{text-align:center;font-size:20px;font-weight:800;margin-bottom:22px}.cskq-cta{background:#fff4c7;border-radius:22px;padding:26px;text-align:center;margin-top:28px}.cskq-cta h3{margin:0 0 8px;font-size:25px}.cskq-error{padding:35px;text-align:center;color:#a11;font-weight:700}@media(max-width:650px){.cskq-shell{border-radius:0;padding:0}.cskq-panel{border-radius:0}.cskq-body{padding:22px 14px 30px}.cskq-grid{gap:10px}.cskq-card{min-height:190px;border-radius:15px}.cskq-label{font-size:13px;left:8px;right:8px;bottom:8px;padding:9px 7px}.cskq-question{font-size:29px}.cskq-top{padding:17px 14px}.cskq-count{font-size:15px}}.cskq-results{display:flex;flex-direction:column;gap:10px;max-width:720px;margin:0 auto}.cskq-result-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f5f6ff;border:1px solid #e2e5ff;border-radius:16px;padding:14px 16px}.cskq-result-row strong{display:block;font-size:17px}.cskq-result-row small{display:block;margin-top:4px;color:#6b7280;font-size:12px}.cskq-result-row b{font-size:24px;color:#5b2cff;white-space:nowrap}