/* KlipTok v153 · Tu Crush a pantalla completa (mismo estilo que la Calculadora de amor: degradado, cinta, corazones, pie) */
html,body.crush-page{margin:0;min-height:100%;background:#4c1d95}
body.crush-page{min-height:100vh;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden;
 background:linear-gradient(180deg,#4c1d95 0%,#7a2bc4 40%,#c02e9a 78%,#e0388f 100%) fixed}
.cp-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:
 radial-gradient(ellipse 55% 35% at 50% 8%,rgba(255,60,150,.55),transparent 70%),radial-gradient(ellipse 35% 45% at 6% 45%,rgba(120,80,255,.5),transparent 70%),radial-gradient(ellipse 35% 45% at 94% 45%,rgba(255,90,200,.4),transparent 70%)}
.cp-bg::before,.cp-bg::after{content:"🎲 💘 ✨ 💗 🎲 💕 ✨ 💞 🎲 💖 ✨ 💘";position:absolute;left:0;right:0;bottom:-3rem;font-size:1.6rem;letter-spacing:3rem;white-space:nowrap;opacity:.28;animation:cpfloat 18s linear infinite}
.cp-bg::after{animation-delay:-9s;letter-spacing:4.4rem;font-size:1.2rem}
@keyframes cpfloat{to{transform:translateY(-125vh)}}
.cp-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.2rem;padding-top:calc(.7rem + env(safe-area-inset-top,0px))}
.cp-logo{color:#fff;text-decoration:none;font-weight:900;font-size:1.15rem;padding:.35rem .9rem;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px)}
.cp-bar nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.cp-bar nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;padding:.35rem .8rem;border-radius:999px;background:rgba(255,255,255,.14)}
.cp-bar a:hover{background:rgba(255,255,255,.3)}
main{position:relative;z-index:2}
.cp-top{text-align:center;padding:.4rem 1rem 1.4rem}
.cp-brand{font-weight:900;font-size:1.3rem;text-shadow:0 2px 8px rgba(60,0,60,.5)}
.cp-title{margin:.1rem 0 .6rem;font:900 clamp(2.6rem,9vw,6.4rem)/.95 "Arial Black",system-ui,sans-serif;text-transform:uppercase;color:#fff;-webkit-text-stroke:2px #c81463;text-shadow:0 4px 0 #c81463,0 8px 0 #8d0e49,0 14px 24px rgba(40,0,50,.55)}
.cp-ribbon{display:inline-block;position:relative;padding:.7rem 3rem;background:linear-gradient(180deg,#f0264f,#b3102a);box-shadow:0 8px 18px rgba(60,0,30,.45);clip-path:polygon(0 50%,5% 0,95% 0,100% 50%,95% 100%,5% 100%)}
.cp-ribbon span{font:italic 700 clamp(.95rem,2.3vw,1.6rem)/1.2 Georgia,serif;text-shadow:0 2px 4px rgba(60,0,30,.5)}
/* el dado, dentro de un panel dorado como la calculadora */
#crush-host{max-width:1240px;margin:1.4rem auto 0;padding:.5rem;border-radius:34px;position:relative;
 background:linear-gradient(180deg,#ffe28a,#f0a620 50%,#ffe28a);box-shadow:0 0 0 3px #ff93bf,0 0 34px rgba(255,200,90,.6),0 18px 40px rgba(50,0,70,.45);width:calc(100% - 1.6rem);box-sizing:border-box}
#crush-host .kd{--k18-bg:#fff7fb;--k18-card:#fff7fb;--k18-ink:#2a1426;--k18-mute:#6b4a60;--k18-line:#f0c6dc;--k18-soft:#ffe3ef;border-radius:28px;border:0;color:#2a1426;min-height:min(78vh,760px)}
.cp-foot{text-align:center;padding:2.2rem 1rem calc(1.6rem + env(safe-area-inset-bottom,0px))}
.cp-foot nav{display:inline-flex;gap:1.6rem;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}
.cp-foot nav a{color:#1a0b1a;text-decoration:none}.cp-foot nav a:hover{text-decoration:underline;color:#c0126a}
.cp-foot p{margin:1rem 0 0;font:italic 700 clamp(1.2rem,3vw,2.2rem)/1.1 Georgia,serif;text-shadow:0 0 14px rgba(255,120,190,.95),0 3px 6px rgba(60,0,60,.5)}
#cp-toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:100;background:#1a0b1a;color:#fff;padding:.7rem 1.2rem;border-radius:999px;font-weight:700;transition:.25s;max-width:90vw}
#cp-toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:640px){.cp-bar nav a:first-child{display:none}.cp-ribbon{padding:.6rem 2rem}#crush-host{padding:.3rem;border-radius:24px;width:calc(100% - .8rem)}}
@media (prefers-reduced-motion:reduce){.cp-bg::before,.cp-bg::after{animation:none}}