#kjf-feedback{
  --kjf-cream:#fff4df;
  --kjf-ink:#151313;
  --kjf-muted:#6f635a;
  --kjf-pink:#ff3d8b;
  --kjf-orange:#ff6a00;
  --kjf-violet:#662d91;
  --kjf-green:#073f35;
  --kjf-shadow:0 24px 70px rgba(0,0,0,.22);
  box-sizing:border-box;
  width:100%;
  min-height:100vh;
  margin:0;
  padding:28px 16px 44px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--kjf-cream);
  background:
    radial-gradient(circle at 12% 10%, rgba(255,106,0,.95) 0 18%, transparent 34%),
    radial-gradient(circle at 75% 6%, rgba(0,59,92,.95) 0 22%, transparent 38%),
    radial-gradient(circle at 70% 55%, rgba(255,61,139,.95) 0 23%, transparent 40%),
    radial-gradient(circle at 18% 78%, rgba(255,106,0,.95) 0 25%, transparent 44%),
    linear-gradient(135deg,#ff4b2f 0%,#ff3d8b 42%,#662d91 72%,#003b5c 100%);
  position:relative;
  overflow:hidden;
}
#kjf-feedback,#kjf-feedback *{box-sizing:border-box}
#kjf-feedback::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.33;
  background-image:
    radial-gradient(rgba(255,244,223,.55) .8px, transparent .8px),
    radial-gradient(rgba(0,0,0,.25) .7px, transparent .7px);
  background-size:3px 3px, 4px 4px;
  mix-blend-mode:overlay;
}
#kjf-feedback .kjf-blob{position:absolute;border-radius:50%;filter:blur(1px);opacity:.75;pointer-events:none}
#kjf-feedback .kjf-blob-a{width:420px;height:420px;background:#002f4c;left:-170px;top:-110px}
#kjf-feedback .kjf-blob-b{width:380px;height:380px;background:#ff6a00;right:-160px;bottom:-150px}
#kjf-feedback .kjf-blob-c{width:260px;height:260px;background:#ff3d8b;left:55%;top:42%}
#kjf-feedback .kjf-wrap{width:min(760px,100%);margin:0 auto;position:relative;z-index:2}
#kjf-feedback .kjf-brand{margin:8px 0 18px;text-transform:lowercase;letter-spacing:-.05em}
#kjf-feedback .kjf-date{font-family:Georgia,serif;font-weight:900;font-size:clamp(2.1rem,7vw,4.1rem);line-height:.95;color:var(--kjf-cream)}
#kjf-feedback .kjf-title{font-family:Georgia,serif;font-weight:900;font-size:clamp(3rem,13vw,7rem);line-height:.78;letter-spacing:-.08em;margin-top:16px;color:var(--kjf-cream)}
#kjf-feedback .kjf-title small{display:block;font-size:clamp(1.45rem,5vw,3rem);letter-spacing:-.06em;margin-bottom:8px;color:var(--kjf-cream)}
#kjf-feedback .kjf-card{background:rgba(255,244,223,.94);color:var(--kjf-ink);border:1px solid rgba(255,255,255,.35);box-shadow:var(--kjf-shadow);border-radius:34px;padding:26px;backdrop-filter:blur(8px)}
#kjf-feedback .kjf-kicker{font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:var(--kjf-pink);font-size:.82rem}
#kjf-feedback h1,#kjf-feedback h2{font-family:Georgia,serif;letter-spacing:-.055em;line-height:.95;margin:.2em 0 .35em;color:var(--kjf-ink);padding:0}
#kjf-feedback h1{font-size:clamp(2.4rem,8vw,4.9rem)}
#kjf-feedback h2{font-size:clamp(2rem,6vw,3.25rem)}
#kjf-feedback .kjf-lead{color:var(--kjf-muted);line-height:1.55;font-size:1.05rem;max-width:58ch;margin:0 0 1em}
#kjf-feedback .kjf-progress{height:11px;background:rgba(21,19,19,.12);border-radius:999px;overflow:hidden;margin:16px 0 24px}
#kjf-feedback .kjf-bar{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--kjf-orange),var(--kjf-pink),var(--kjf-violet));transition:width .25s ease}
#kjf-feedback .kjf-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}
#kjf-feedback .kjf-opt{border:2px solid rgba(21,19,19,.13);background:#fffaf1;color:var(--kjf-ink);border-radius:22px;padding:13px 8px;text-align:center;cursor:pointer;font-weight:900;min-height:82px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.16s;font-family:inherit}
#kjf-feedback .kjf-opt:hover,#kjf-feedback .kjf-opt.kjf-selected{transform:translateY(-2px);border-color:var(--kjf-pink);background:#fff0f8}
#kjf-feedback .kjf-emoji{font-size:2rem;line-height:1}
#kjf-feedback .kjf-small{font-size:.76rem;color:var(--kjf-muted);font-weight:800;margin-top:7px;line-height:1.15}
#kjf-feedback .kjf-choices{display:grid;gap:10px;margin:18px 0}
#kjf-feedback .kjf-choice{display:flex;align-items:flex-start;gap:11px;padding:15px 16px;border:2px solid rgba(21,19,19,.13);border-radius:20px;cursor:pointer;background:#fffaf1;color:var(--kjf-ink);font-weight:800}
#kjf-feedback .kjf-choice:hover{border-color:var(--kjf-pink);background:#fff0f8}
#kjf-feedback .kjf-choice input{margin-top:3px;accent-color:var(--kjf-pink)}
#kjf-feedback textarea,#kjf-feedback input[type=text],#kjf-feedback input[type=email]{width:100%;border:2px solid rgba(21,19,19,.13);border-radius:22px;padding:15px 16px;font:inherit;background:#fffaf1;color:var(--kjf-ink);outline:none}
#kjf-feedback textarea:focus,#kjf-feedback input:focus{border-color:var(--kjf-pink)}
#kjf-feedback textarea{min-height:125px;resize:vertical}
#kjf-feedback .kjf-nav{display:flex;gap:10px;justify-content:space-between;margin-top:22px}
#kjf-feedback .kjf-btn{border:0;border-radius:999px;padding:14px 20px;font-weight:950;cursor:pointer;font-size:1rem;font-family:inherit;line-height:1.2}
#kjf-feedback .kjf-btn-primary{background:var(--kjf-ink);color:var(--kjf-cream)}
#kjf-feedback .kjf-btn-primary:hover{background:var(--kjf-green)}
#kjf-feedback .kjf-btn-secondary{background:#eadcc8;color:var(--kjf-ink)}
#kjf-feedback .kjf-hint{color:var(--kjf-muted);font-size:.92rem;line-height:1.45;margin-top:1em}
#kjf-feedback .kjf-required{color:var(--kjf-pink);font-weight:900}
#kjf-feedback .kjf-loader{width:48px;height:48px;border-radius:50%;border:5px solid rgba(21,19,19,.12);border-top-color:var(--kjf-pink);animation:kjf-spin .8s linear infinite;margin:18px 0}
@keyframes kjf-spin{to{transform:rotate(360deg)}}
#kjf-feedback .kjf-footer{text-align:center;color:rgba(255,244,223,.86);font-size:.85rem;margin-top:18px;text-shadow:0 1px 10px rgba(0,0,0,.24)}
#kjf-feedback .kjf-final-box{margin-top:26px;padding:20px;border-radius:24px;background:#fffaf1;border:2px solid rgba(21,19,19,.10)}
#kjf-feedback .kjf-final-box a{font-weight:950;text-decoration:none}
@media(max-width:560px){
  #kjf-feedback{padding:18px 12px 34px}
  #kjf-feedback .kjf-card{border-radius:26px;padding:21px}
  #kjf-feedback .kjf-scale{grid-template-columns:1fr}
  #kjf-feedback .kjf-nav{position:sticky;bottom:0;background:rgba(255,244,223,.92);padding:10px 0 0;backdrop-filter:blur(6px)}
  #kjf-feedback .kjf-btn{width:100%}
}