.kaf-wrap{--kaf-bg:#17151d;--kaf-card:#221f2a;--kaf-accent:#ff5f6d;--kaf-accent2:#ffc371;--kaf-text:#f7f5fa;--kaf-muted:#b7afc2;max-width:900px;margin:30px auto;padding:30px;border-radius:24px;background:linear-gradient(145deg,#18151f,#211b28);color:var(--kaf-text);box-shadow:0 18px 50px rgba(0,0,0,.18);font-family:inherit}
.kaf-head{text-align:center}.kaf-kicker{font-size:12px;letter-spacing:.16em;font-weight:800;color:#ffc371}.kaf-head h2,.kaf-results-head h3{margin:.3em 0;font-size:clamp(28px,5vw,46px);line-height:1.1;color:#fff}.kaf-head p,.kaf-results-head p{color:var(--kaf-muted);max-width:650px;margin:0 auto 20px}.kaf-progress{height:8px;background:#302a39;border-radius:999px;overflow:hidden;margin:24px 0 8px}.kaf-progress span{display:block;height:100%;width:16.66%;background:linear-gradient(90deg,var(--kaf-accent),var(--kaf-accent2));transition:.25s}
.kaf-step{display:none;padding:22px 0}.kaf-step.is-active{display:block}.kaf-stepnum{color:#ffc371;font-size:13px;font-weight:800}.kaf-step h3{font-size:28px;margin:8px 0 22px;color:#fff}.kaf-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kaf-option{cursor:pointer}.kaf-option input{position:absolute;opacity:0;pointer-events:none}.kaf-option span{display:block;padding:17px 18px;border:1px solid #3b3545;border-radius:15px;background:#211d28;color:#f4f0f8;transition:.18s}.kaf-option:hover span,.kaf-option.is-selected span{border-color:#ff8b77;transform:translateY(-1px);background:#2b2330;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.kaf-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.kaf-actions button,.kaf-restart,.kaf-link{appearance:none;border:0;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;text-decoration:none}.kaf-prev{background:#302a39;color:#fff}.kaf-next,.kaf-submit,.kaf-link{background:linear-gradient(90deg,var(--kaf-accent),var(--kaf-accent2));color:#21131b}.kaf-submit{display:none}.kaf-loading{display:none;text-align:center;padding:50px 10px;font-size:20px;color:#ffc371}.kaf-results{margin-top:10px}.kaf-results-head{text-align:center;margin-bottom:25px}.kaf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kaf-card{position:relative;overflow:hidden;background:var(--kaf-card);border:1px solid #383140;border-radius:18px}.kaf-card-best{border-color:#ff906f;box-shadow:0 12px 30px rgba(255,95,109,.12)}.kaf-best{position:absolute;z-index:2;top:12px;left:12px;background:#fff;color:#21131b;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.kaf-cover{aspect-ratio:16/10;background:#302a39}.kaf-cover img{width:100%;height:100%;object-fit:cover}.kaf-cardbody{padding:18px}.kaf-match{font-size:13px;font-weight:900;color:#ffc371}.kaf-card h4{font-size:23px;color:#fff;margin:5px 0 10px}.kaf-badge{display:inline-block;background:#342b3d;color:#ffd3a5;border-radius:999px;padding:6px 9px;font-size:12px;margin-bottom:10px}.kaf-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;color:#c8c0d1;margin-bottom:10px}.kaf-card p{color:#c8c0d1;font-size:14px;line-height:1.55}.kaf-link{display:inline-flex;margin-top:5px;font-size:14px}.kaf-restart{display:block;margin:24px auto 0;background:#302a39;color:#fff}.kaf-empty{text-align:center;padding:25px;background:#2b2432;border-radius:14px}.kaf-shake{animation:kafshake .3s}@keyframes kafshake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:720px){.kaf-wrap{padding:20px 15px;border-radius:18px}.kaf-options,.kaf-cards{grid-template-columns:1fr}.kaf-step h3{font-size:24px}.kaf-actions{position:sticky;bottom:8px;background:rgba(24,21,31,.92);padding:10px;border-radius:14px;backdrop-filter:blur(8px)}}