/* KlipTok v133 · Calculadora de amor y Ruleta (dentro de Calculadoras) */
.kl,.kw{position:relative;max-width:760px;margin:0 auto;padding:.3rem 0 2.5rem;overflow:hidden;border-radius:22px}
.kl-bg,.kw-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;background:
 radial-gradient(circle at 12% 18%,rgba(255,95,162,.25),transparent 38%),radial-gradient(circle at 88% 12%,rgba(255,154,90,.22),transparent 36%),radial-gradient(circle at 70% 90%,rgba(167,139,250,.22),transparent 40%)}
.kl-bg::before,.kl-bg::after{content:"💗 💕 💖 💞 💗 💕 💖 💞";position:absolute;left:0;right:0;font-size:1.4rem;letter-spacing:2.2rem;white-space:nowrap;opacity:.35;animation:klfloat 14s linear infinite}
.kl-bg::before{bottom:-2rem}.kl-bg::after{bottom:-2rem;animation-delay:-7s;letter-spacing:3.4rem;font-size:1.1rem}
@keyframes klfloat{0%{transform:translateY(0)}100%{transform:translateY(-120vh)}}
.kl>*:not(.kl-bg),.kw>*:not(.kw-bg){position:relative;z-index:1}
.kl .kc-back,.kw .kc-back{margin-left:.4rem}
.kl-card,.kw-card{margin:.4rem .3rem;padding:1.3rem 1.1rem 1.5rem;border-radius:24px;background:linear-gradient(160deg,#fff 0%,#fff0f6 100%);color:#3b0a2a;box-shadow:0 14px 40px rgba(236,72,153,.18);border:1px solid rgba(236,72,153,.22)}
.kl-head,.kw-head{text-align:center;margin-bottom:1rem}
.kl-logo{display:inline-block;font-size:2.8rem;animation:klbeat 1.4s ease-in-out infinite}
@keyframes klbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}
.kl-head h2,.kw-head h2{margin:.1rem 0;font-size:1.55rem;background:linear-gradient(90deg,#e11d74,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
.kl-head p,.kw-head p{margin:.2rem auto 0;max-width:460px;color:#8a4a6b;font-size:.92rem}
.kl-form{display:flex;flex-direction:column;gap:1rem}
.kl-duo{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:start}
.kl-mid{align-self:center;font-size:2rem;animation:klbeat 1.4s ease-in-out infinite}
.kl-who{display:flex;flex-direction:column;gap:.5rem}
.kl label,.kl legend{display:flex;flex-direction:column;gap:.25rem;font-weight:700;font-size:.85rem;color:#7a2354}
.kl label small,.kl legend small{font-weight:400;color:#a06a88}
.kl input[type=text],.kl input:not([type]),.kl input[type=date],.kl select{font:inherit;font-weight:400;width:100%;padding:.6rem .75rem;border-radius:14px;border:1.5px solid rgba(225,29,116,.25);background:#fff;color:#3b0a2a}
.kl input:focus,.kl select:focus{outline:3px solid rgba(225,29,116,.35);outline-offset:1px}
.kl-sign{min-height:1.2rem;font-size:.82rem;color:#c0266f;font-weight:700}
.kl fieldset{border:1.5px dashed rgba(225,29,116,.3);border-radius:16px;margin:0;padding:.7rem .8rem .8rem}
.kl-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.2rem}
.kl-chip{font:inherit;font-size:.88rem;padding:.45rem .85rem;border-radius:999px;border:1.5px solid rgba(225,29,116,.28);background:#fff;color:#7a2354;cursor:pointer;transition:transform .12s,background .12s}
.kl-chip:hover{transform:translateY(-2px)}.kl-chip.on{background:linear-gradient(135deg,#ff4d8d,#ff8a5c);color:#fff;border-color:transparent;font-weight:700}
.kl-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.kl-ilu input[type=range]{width:100%;accent-color:#e11d74}
.kl-err{margin:0;min-height:1.1rem;color:#be123c;font-size:.88rem;font-weight:700}
.kl-go,.kw-spin,.kl-btn{font:inherit;font-weight:800;border:0;border-radius:999px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff4d8d,#ff8a5c);padding:.85rem 1.4rem;box-shadow:0 8px 22px rgba(255,77,141,.4);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s}
.kl-go{font-size:1.1rem;width:100%}.kl-go:hover,.kw-spin:hover:not(:disabled),.kl-btn:hover{transform:translateY(-2px)}
.kl-btn.ghost{background:#fff;color:#c0266f;box-shadow:none;border:1.5px solid rgba(225,29,116,.35);font-weight:700}
.kl-res{margin-top:1.2rem;padding-top:1.2rem;border-top:2px dotted rgba(225,29,116,.3);text-align:center}
.kl-ring{position:relative;width:200px;height:200px;margin:0 auto}
.kl-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.kl-tr,.kl-pr{fill:none;stroke-width:9;stroke-linecap:round}.kl-tr{stroke:rgba(225,29,116,.14)}.kl-pr{stroke:url(#klg);filter:drop-shadow(0 0 6px rgba(255,95,162,.55))}
.kl-pc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;align-content:center}
.kl-heart{width:100%;font-size:1.6rem;line-height:1}.kl-pc strong{font-size:3rem;line-height:1;color:#c0266f}.kl-pc em{font-style:normal;font-size:1.3rem;font-weight:800;color:#c0266f;align-self:flex-end;margin-bottom:.5rem}
.kl-fly{position:absolute;bottom:40%;font-size:1.3rem;pointer-events:none;animation:klup 2.2s ease-out forwards}
@keyframes klup{0%{transform:translate(0,0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx),-170px) scale(1.2);opacity:0}}
.kl-names{margin:.6rem 0 0;font-size:1.25rem}.kl-names span{color:#e11d74}
.kl-tier{margin:.1rem 0;font-weight:800;font-size:1.15rem;color:#e11d74}.kl-msg{max-width:480px;margin:.2rem auto;color:#6b2750}
.kl-zo{margin:.5rem 0 0;font-size:.9rem;color:#a21d63;font-weight:700}
.kl-bars{display:flex;flex-direction:column;gap:.5rem;max-width:460px;margin:1rem auto}
.kl-bar{display:grid;grid-template-columns:135px 1fr 42px;align-items:center;gap:.5rem;text-align:left;font-size:.85rem;color:#7a2354}
.kl-bar i{height:10px;border-radius:9px;background:rgba(225,29,116,.14);overflow:hidden}.kl-bar b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#ff5fa2,#ff9a5a);transition:width 1s ease}
.kl-bar em{font-style:normal;font-weight:700;text-align:right}
.kl-tip{margin:.6rem auto;max-width:480px;padding:.6rem .8rem;border-radius:14px;background:#fff7e6;color:#7a4a00;font-size:.9rem}
.kl-acts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.8rem}.kl-acts .kl-btn{padding:.65rem 1rem;font-size:.9rem}
.kl-note{margin:.8rem 0 0;font-size:.78rem;color:#a06a88}
/* ruleta */
.kw-card{background:linear-gradient(160deg,#fff 0%,#f5f0ff 100%);color:#2e1065;border-color:rgba(124,58,237,.22);box-shadow:0 14px 40px rgba(124,58,237,.18);text-align:center}
.kw-head h2{background:linear-gradient(90deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text}.kw-head p{color:#6d4aa8}
.kw-stage{position:relative;width:min(88vw,360px);margin:.4rem auto 1rem}
.kw-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 22px rgba(76,29,149,.35));border-radius:50%;background:#fff;box-shadow:0 0 0 8px #fff,0 0 0 11px #7c3aed}
.kw-ptr{position:absolute;left:50%;top:-12px;width:0;height:0;margin-left:-14px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:30px solid #e11d48;z-index:3;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}
.kw-spin{font-size:1.1rem;min-width:240px;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 8px 22px rgba(124,58,237,.4)}.kw-spin:disabled{opacity:.7;cursor:wait}
.kw-res{margin-top:1rem;min-height:1px}
.kw-win{--c:#7c3aed;margin:0 auto;max-width:420px;padding:1.1rem;border-radius:20px;background:#fff;border:2px solid var(--c);box-shadow:0 10px 26px rgba(0,0,0,.1);animation:kwpop .45s ease-out}
@keyframes kwpop{0%{transform:scale(.85);opacity:0}100%{transform:scale(1);opacity:1}}
.kw-we{font-size:2.6rem}.kw-win h3{margin:.2rem 0;color:var(--c);font-size:1.3rem}.kw-win p{margin:.2rem 0 .8rem;color:#4c3a78}
.kw-go{display:inline-flex;padding:.7rem 1.4rem;border-radius:999px;background:var(--c);color:#fff;font-weight:800;text-decoration:none}
.kw-hist{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;font-size:.8rem;color:#6d4aa8}.kw-hist span{padding:.15rem .6rem;border-radius:999px;background:rgba(124,58,237,.1)}
.kl button:focus-visible,.kw button:focus-visible,.kw a:focus-visible,.kl a:focus-visible{outline:3px solid #7c3aed;outline-offset:2px}
@media (max-width:560px){.kl-duo{grid-template-columns:1fr}.kl-mid{display:none}.kl-grid{grid-template-columns:1fr}.kl-bar{grid-template-columns:110px 1fr 38px}}
@media (prefers-reduced-motion:reduce){.kl-bg::before,.kl-bg::after,.kl-logo,.kl-mid,.kl-fly,.kw-win{animation:none}.kl-bar b{transition:none}}

/* ajustes de móvil */
.kl *,.kw *{box-sizing:border-box}
.kl label.kl-ilu{display:block;font-weight:700}.kl-ilu b{color:#c0266f}.kl-ilu input{margin-top:.4rem}
.kc-back{font:inherit;background:none;border:0;color:#6d28d9;cursor:pointer;padding:.2rem 0;margin-bottom:.4rem}  /* v133h: estilo del botón «Volver» (antes venía de kt-v120-calc.css) */

/* ===== v148 · CALCULADORA DE AMOR — diseño futurista con robots (igual que la imagen de referencia) ===== */
.kl.kl2{max-width:1320px;padding:.4rem 0 0;border-radius:26px;color:#fff;background:radial-gradient(ellipse 60% 38% at 50% 14%,rgba(255,60,150,.75),transparent 70%),radial-gradient(ellipse 40% 50% at 8% 40%,rgba(120,80,255,.55),transparent 70%),radial-gradient(ellipse 40% 50% at 92% 40%,rgba(255,90,200,.45),transparent 70%),linear-gradient(180deg,#6a2cd6 0%,#8a2fc9 45%,#c02e9a 80%,#e0388f 100%)}
.kl2 .kl-bg{opacity:.9;background:radial-gradient(circle at 20% 80%,rgba(255,120,190,.3),transparent 30%),radial-gradient(circle at 85% 70%,rgba(255,120,190,.28),transparent 30%)}
.kl2 .kc-back{position:relative;z-index:5;margin:.3rem 0 0 .8rem;background:rgba(255,255,255,.92);color:#a3185f;border:0;border-radius:999px;padding:.4rem .9rem;font-weight:800;cursor:pointer}
.kl2-stage{position:relative;display:grid;grid-template-columns:minmax(0,22%) minmax(0,1fr) minmax(0,22%);grid-template-areas:"top top top" "left panel right" "foot foot foot";gap:.4rem 1.2rem;padding:0 1.4rem 0;align-items:start}
.kl2-stage>*{position:relative;z-index:2}
.kl2-robot{position:absolute!important;top:0;width:25%;max-width:380px;z-index:1!important;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent),linear-gradient(var(--kd,to right),#000 72%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 70%,transparent),linear-gradient(var(--kd,to right),#000 72%,transparent);mask-composite:intersect}
.kl2-robot.l{left:0;--kd:to right}.kl2-robot.r{right:0;--kd:to left}
.kl2-rose{position:absolute!important;bottom:0;width:23%;max-width:330px;z-index:1!important;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 65%,transparent),linear-gradient(var(--kd,to right),#000 70%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to top,#000 65%,transparent),linear-gradient(var(--kd,to right),#000 70%,transparent);mask-composite:intersect}
.kl2-rose.l{left:0;--kd:to right}.kl2-rose.r{right:0;--kd:to left}
.kl2-top{grid-area:top;text-align:center;padding:.2rem 0 1.4rem}
.kl2-brand{display:inline-flex;gap:.4rem;align-items:center;font:800 1.5rem/1 system-ui,sans-serif;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35);margin-bottom:.3rem}
.kl2 .kl2-title{margin:0;font-family:Impact,'Arial Black','Haettenschweiller',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1;font-size:clamp(2rem,6.4vw,5.4rem);color:#fff;background:none;-webkit-text-fill-color:#fff;-webkit-text-stroke:.09em #ff2e7e;paint-order:stroke fill;text-shadow:0 .07em 0 #c4125a,0 .12em 0 #8c0c45,0 0 .5em rgba(255,70,160,.9)}
.kl2-ribbon{position:relative;display:inline-block;margin-top:.7rem;padding:.55rem 3.2rem;background:linear-gradient(180deg,#ff3b64,#c8102e);color:#fff;font:italic 700 clamp(.95rem,2vw,1.7rem)/1.2 Georgia,'Palatino Linotype',serif;clip-path:polygon(0 12%,6% 12%,6% 0,94% 0,94% 12%,100% 12%,95% 55%,100% 100%,94% 88%,94% 100%,6% 100%,6% 88%,0 100%,5% 55%);filter:drop-shadow(0 6px 10px rgba(80,0,40,.4));text-shadow:0 2px 3px rgba(0,0,0,.35)}
.kl2-left{grid-area:left;margin-top:clamp(5rem,16vw,15rem)}.kl2-right{grid-area:right;margin-top:clamp(5rem,16vw,15rem)}
.kl2-side{display:flex;flex-direction:column;gap:1rem}
.kl2-note{position:relative;padding:2.3rem .9rem .9rem;border-radius:22px;background:linear-gradient(180deg,rgba(255,236,246,.95),rgba(255,205,228,.92));color:#3a0e2c;box-shadow:0 10px 26px rgba(60,0,60,.35),inset 0 0 0 2px #fff}
.kl2-note h3{position:absolute;top:-.9rem;left:-.5rem;right:-.5rem;margin:0;padding:.5rem .8rem;border-radius:12px;background:linear-gradient(180deg,#ffe3ef,#ffb7d3);color:#b0124a;font:italic 800 1.05rem/1.1 Georgia,serif;text-align:center;box-shadow:0 4px 10px rgba(80,0,50,.3)}
.kl2-note ul{list-style:none;margin:0;padding:0;font-size:.9rem;font-weight:600}.kl2-note li{padding:.35rem 0 .35rem 1.6rem;position:relative;border-bottom:1px solid rgba(190,40,100,.15)}.kl2-note li:last-child{border:0}
.kl2-note li::before{content:"❤️";position:absolute;left:0;top:.3rem;font-size:.95rem}
.kl2-note blockquote{margin:0 0 .6rem;padding:.6rem;border-radius:12px;background:rgba(255,255,255,.55);font:italic 700 .98rem/1.3 Georgia,serif;text-align:center;color:#6a1a47}
.kl2-gold{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.1rem;padding:.9rem .8rem .8rem;border-radius:14px;background:linear-gradient(180deg,#ffe58a,#f2a91f 60%,#d98a0a);color:#3a2000;box-shadow:0 8px 20px rgba(60,20,0,.4),inset 0 0 0 2px #fff0a8;font-size:.98rem;line-height:1.15}
.kl2-gold b{font-weight:900}.kl2-gold i{font-style:normal;letter-spacing:.15em;color:#5a3200;font-size:.9rem}.kl2-trophy{font-size:2.2rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.kl2-bigheart{align-self:center;width:min(100%,13rem);aspect-ratio:1/.92;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.3rem 1.8rem .9rem;color:#fff;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'><defs><radialGradient id='g' cx='35%' cy='25%' r='80%'><stop offset='0' stop-color='%23ff6a8e'/><stop offset='.6' stop-color='%23e0143c'/><stop offset='1' stop-color='%23a0082a'/></radialGradient></defs><path fill='url(%23g)' stroke='%23ffd1e0' stroke-width='2' d='M50 88C14 60 3 42 3 27 3 14 13 5 26 5c10 0 19 6 24 15C55 11 64 5 74 5c13 0 23 9 23 22 0 15-11 33-47 61z'/></svg>") center/contain no-repeat;filter:drop-shadow(0 10px 14px rgba(70,0,40,.45))}
.kl2-bigheart b{font:italic 800 1.25rem/1.05 Georgia,serif;text-shadow:0 2px 4px rgba(0,0,0,.4)}.kl2-bigheart span{font-size:2rem;line-height:1}
.kl2-redban{align-self:center;transform:rotate(-6deg);padding:1rem 1.3rem;border-radius:16px;background:linear-gradient(180deg,#ff3b5c,#c8102e);color:#fff;font:italic 800 1.35rem/1.1 Georgia,serif;text-align:center;box-shadow:0 10px 20px rgba(70,0,30,.45),inset 0 0 0 2px rgba(255,255,255,.35);text-shadow:0 2px 3px rgba(0,0,0,.35)}
.kl2-panel{grid-area:panel;position:relative;padding:.5rem;border-radius:38px;background:linear-gradient(180deg,#ffe28a,#f0a620 50%,#ffe28a);box-shadow:0 0 0 3px #ff93bf,0 0 34px rgba(255,200,90,.65),0 18px 40px rgba(50,0,70,.45)}
.kl2-panel::before,.kl2-panel::after{content:"❤️";position:absolute;left:50%;transform:translateX(-50%);font-size:2.6rem;line-height:1;z-index:3;filter:drop-shadow(0 4px 6px rgba(120,0,40,.5))}.kl2-panel::before{top:-1.7rem}.kl2-panel::after{bottom:-1.5rem}
.kl2-in{border-radius:32px;padding:1.6rem 1.8rem 1.9rem;background:linear-gradient(180deg,#fff7fb,#ffe3ef);color:#1a0b1a;box-shadow:inset 0 0 0 2px #fff,inset 0 0 20px rgba(255,150,200,.4)}
.kl2 .kl2-h3{margin:.2rem 0 .3rem;text-align:center;text-transform:uppercase;font:900 clamp(.95rem,1.75vw,1.5rem)/1.1 system-ui,'Arial Black',sans-serif;color:#1a0b1a;background:none;-webkit-text-fill-color:#1a0b1a}
.kl2-lead{margin:0 auto 1rem;max-width:44rem;text-align:center;color:#2a1426;font-size:.98rem;line-height:1.4}
.kl2-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem 1rem;align-items:start}
.kl2-col{display:flex;flex-direction:column;gap:.5rem;min-width:0}.kl2-col h4{margin:0;font:900 1rem/1.2 system-ui,sans-serif;color:#1a0b1a}
.kl2-mid{align-self:center;font-size:4rem;line-height:1;filter:drop-shadow(0 0 14px rgba(255,80,120,.8));animation:klbeat 1.4s ease-in-out infinite}
.kl2 .kl2-in label{display:flex;flex-direction:column;gap:.3rem;font-weight:800;font-size:.95rem;color:#1a0b1a}.kl2 .kl2-in label small{font-weight:400;color:#3a2a38}
.kl2-h{font-size:.85rem;margin-left:.15rem}
.kl2 .kl2-in input,.kl2 .kl2-in select{font:inherit;font-weight:400;width:100%;padding:.7rem .85rem;border-radius:10px;border:2px solid #e6b3cf;background:linear-gradient(180deg,#fff,#fff0f7);color:#2a1426;box-shadow:inset 0 2px 4px rgba(150,40,100,.12),0 0 0 2px rgba(255,255,255,.7)}
.kl2 .kl2-in input::placeholder{font-style:italic;color:#8a6a82}
.kl2 .kl2-in input:focus,.kl2 .kl2-in select:focus{outline:3px solid rgba(225,29,116,.45);outline-offset:1px}
.kl2-int{margin-top:.8rem}.kl2-tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.4rem .55rem;border-radius:10px;border:2px solid #e6b3cf;background:linear-gradient(180deg,#fff,#fff0f7);box-shadow:inset 0 2px 4px rgba(150,40,100,.12)}
.kl2 .kl2-in .kl2-tags input{flex:1;min-width:9rem;width:auto;border:0;box-shadow:none;background:transparent;padding:.35rem .3rem}.kl2 .kl2-in .kl2-tags input:focus{outline:0}
.kl2-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .35rem .3rem .7rem;border-radius:999px;background:#e9e1ea;color:#3a2a38;font-weight:600;font-size:.88rem}
.kl2-tag button{width:1.3rem;height:1.3rem;border-radius:50%;border:0;background:#4a3a4a;color:#fff;line-height:1;cursor:pointer;font-size:.95rem;padding:0}
.kl2 .kl-err{margin:.5rem 0 0;text-align:center}
.kl2-btns{display:grid;grid-template-columns:1.2fr 1fr;gap:1.1rem;margin-top:.6rem}
.kl2-go,.kl2-share{font:900 1.2rem/1 system-ui,sans-serif;text-transform:uppercase;color:#fff;border:0;border-radius:999px;padding:1.1rem 1.2rem;cursor:pointer;display:inline-flex;gap:.55rem;align-items:center;justify-content:center;transition:transform .15s,filter .15s;text-shadow:0 2px 3px rgba(0,0,0,.35)}
.kl2-go{background:linear-gradient(180deg,#ff4a52 0%,#d1081f 55%,#a30015 100%);box-shadow:0 8px 0 #7a000f,0 12px 22px rgba(160,0,30,.5),inset 0 2px 0 rgba(255,255,255,.55),0 0 0 3px #ffc65c}
.kl2-share{font-size:1rem;background:linear-gradient(180deg,#8a3fe0 0%,#5a1cb0 60%,#3f1090 100%);box-shadow:0 8px 0 #2b0a6a,0 12px 22px rgba(60,10,140,.5),inset 0 2px 0 rgba(255,255,255,.4),0 0 0 3px #ff8fc4}
.kl2-go:hover,.kl2-share:hover{transform:translateY(-2px);filter:brightness(1.07)}.kl2-go:active,.kl2-share:active{transform:translateY(4px)}
.kl2 .kl-res{margin-top:1.6rem;color:#3b0a2a}.kl2 .kl-btn.ghost{background:#fff}
.kl2-foot{grid-area:foot;text-align:center;padding:2.3rem 0 1.4rem}
.kl2-foot nav{display:inline-flex;gap:1.6rem;align-items:center;flex-wrap:wrap;justify-content:center;padding:.6rem 2rem;border-radius:12px;background:rgba(255,235,245,.92);box-shadow:0 6px 16px rgba(50,0,60,.35);font-weight:700;font-size:.95rem}
.kl2-foot nav a{color:#1a0b1a;text-decoration:none}.kl2-foot nav a:hover{text-decoration:underline;color:#c0126a}
.kl2-foot p{margin:1rem 0 0;font:italic 700 clamp(1.3rem,3vw,2.3rem)/1.1 Georgia,serif;color:#fff;text-shadow:0 0 14px rgba(255,120,190,.95),0 3px 6px rgba(60,0,60,.5)}
@media (max-width:999px){
  .kl2-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "panel" "left" "right" "foot";padding:0 .8rem}
  .kl2-left,.kl2-right{margin-top:1.4rem}.kl2-side{max-width:30rem;width:100%;margin-inline:auto}
  .kl2-robot{width:26%;top:-.2rem}.kl2-rose{display:none}.kl2-top{padding-bottom:1.6rem}.kl2-ribbon{padding:.5rem 2.2rem}
}
@media (max-width:640px){
  .kl2-in{padding:1.4rem 1rem 1.5rem}.kl2-cols{grid-template-columns:1fr}.kl2-mid{font-size:2.6rem;justify-self:center}.kl2-btns{grid-template-columns:1fr}
  .kl2-robot{width:30%;opacity:.9}.kl2-brand{font-size:1.1rem}
}
@media (prefers-reduced-motion:reduce){.kl2-mid{animation:none}}