:root{--ink:#17172a;--muted:#6f6c83;--purple:#6f37ed;--pink:#ff2f88;--mint:#24d7be;--yellow:#ffc928;--bg:#faf8ff;--card:#fff;--line:#ece8f4;--shadow:0 16px 45px rgba(46,28,89,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#f1e9ff 0,#faf8ff 34%,#fff 70%)}button,input,textarea{font:inherit}button{cursor:pointer}
.shell{max-width:480px;min-height:100vh;margin:auto;background:rgba(255,255,255,.78);box-shadow:0 0 0 1px rgba(255,255,255,.7);position:relative;padding-bottom:92px}.top{padding:22px 20px 8px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:1000;font-size:27px;letter-spacing:-1.2px}.brand .k{color:var(--purple)}.brand .d{color:#efb600}.tag{color:var(--muted);font-weight:650;font-size:14px;margin-top:3px}.content{padding:12px 18px 28px}.hero{background:linear-gradient(135deg,#702cff,#9b57ff 45%,#ff4f9b);color:#fff;border-radius:28px;padding:23px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:'🤝';position:absolute;font-size:84px;right:-5px;bottom:-22px;transform:rotate(-12deg);opacity:.28}.hero h1{font-size:29px;line-height:1.03;margin:0 0 9px;max-width:270px}.hero p{margin:0 0 18px;max-width:290px;opacity:.9}.btn{border:0;border-radius:18px;padding:15px 18px;font-weight:850}.btn.primary{background:var(--ink);color:#fff;width:100%;box-shadow:0 9px 18px rgba(24,23,42,.18)}.hero .btn{background:#fff;color:#4b21a7;width:auto}.btn.ghost{background:#f4f0fb;color:#4e4565}.btn.pink{background:linear-gradient(135deg,var(--pink),#ff675f);color:#fff}.section-title{font-size:18px;font-weight:900;margin:25px 3px 12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 8px;text-align:center;box-shadow:0 7px 18px rgba(38,24,77,.05)}.stat b{display:block;font-size:21px}.stat span{font-size:11px;color:var(--muted);font-weight:750}.list{display:grid;gap:10px}.pact-row{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;display:flex;gap:12px;align-items:center}.badge{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-size:21px;background:#f1e9ff}.row-main{min-width:0;flex:1}.row-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small{color:var(--muted)}.status{font-size:11px;font-weight:900;border-radius:999px;padding:7px 9px;background:#f2eff9}.status.active{background:#dffbf5;color:#067a67}.status.pending{background:#fff1bd;color:#765400}.status.completed{background:#e8f6e8;color:#28792f}.status.failed{background:#ffe2e2;color:#a32626}.status.cancelled{background:#eee;color:#666}.screen-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.back{width:40px;height:40px;border-radius:14px;border:0;background:#f0ebf7;font-size:20px}.screen-head h2{font-size:22px;margin:0}.field{margin:15px 0}.field label{font-weight:850;font-size:14px;display:block;margin:0 0 8px}.input,textarea{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:17px;padding:14px 15px;outline:none;color:var(--ink)}textarea{min-height:112px;resize:vertical}.input:focus,textarea:focus{border-color:#aa8af5;box-shadow:0 0 0 4px #f0e9ff}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;font-weight:800;color:#554d69}.chip.on{background:#251f35;color:#fff;border-color:#251f35}.note{font-size:12px;color:var(--muted);background:#f7f4fb;border-radius:14px;padding:11px 13px;line-height:1.4}.optional{border:1px dashed #ddd4ee;border-radius:20px;padding:5px 14px 10px;margin:15px 0;background:rgba(255,255,255,.6)}.optional summary{font-weight:850;padding:12px 0;cursor:pointer}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.themes{display:grid;gap:14px}.theme{border:3px solid transparent;border-radius:26px;padding:6px;background:#fff;box-shadow:0 7px 22px rgba(38,24,77,.07)}.theme.on{border-color:var(--ink)}.theme-card{border-radius:20px;padding:20px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.theme-card.neon{background:linear-gradient(145deg,#5d26dc,#a936ee 45%,#ff2b86);color:#fff}.theme-card.smile{background:linear-gradient(145deg,#ffe55b,#ff9f43);color:#271c22}.theme-card.gaming{background:linear-gradient(145deg,#111827,#312e81 55%,#08d6bc);color:#fff}.theme-label{display:flex;justify-content:space-between;align-items:center;font-weight:1000}.free{font-size:11px;background:rgba(255,255,255,.28);padding:6px 8px;border-radius:999px}.theme-text{font-size:21px;font-weight:1000;line-height:1.05}.theme-dates{font-size:12px;font-weight:800;opacity:.8}.preview{border-radius:30px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.preview.neon{background:linear-gradient(145deg,#5d26dc,#a936ee 45%,#ff2b86);color:#fff}.preview.smile{background:linear-gradient(145deg,#ffe55b,#ff9f43);color:#271c22}.preview.gaming{background:linear-gradient(145deg,#111827,#312e81 55%,#08d6bc);color:#fff}.preview .type{font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.8px;opacity:.8}.preview h3{font-size:25px;line-height:1.05;margin:12px 0 10px}.preview .words{font-size:16px;font-weight:700;line-height:1.35}.preview .meta{margin-top:22px;padding-top:13px;border-top:1px solid rgba(255,255,255,.28);font-size:12px;font-weight:750}.preview.smile .meta{border-color:rgba(0,0,0,.15)}.qrbox{background:#fff;border:1px solid var(--line);border-radius:28px;padding:19px;text-align:center;margin-top:15px}.qrbox img{width:220px;max-width:80%;image-rendering:pixelated;border-radius:10px}.qrbox h3{margin:5px 0 4px}.qrbox p{color:var(--muted);font-size:13px;margin:0 0 12px}.celebrate{text-align:center;padding:24px 6px}.celebrate .hands{font-size:64px}.celebrate h1{font-size:43px;letter-spacing:-2px;margin:8px 0;background:linear-gradient(90deg,#6f37ed,#ff2f88,#e8ad00);-webkit-background-clip:text;color:transparent}.actions{display:grid;gap:10px;margin-top:18px}.navbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(480px,100%);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:9px 8px max(9px,env(safe-area-inset-bottom));z-index:20}.nav{border:0;background:transparent;padding:7px 4px;font-size:11px;font-weight:850;color:#777087}.nav i{display:block;font-style:normal;font-size:20px;margin-bottom:2px}.nav.on{color:var(--purple)}.privacy{margin-top:25px;font-size:11px;color:#80798f;line-height:1.45}.logo-mini{width:74px;height:74px;object-fit:cover;border-radius:22px;box-shadow:0 8px 20px rgba(38,24,77,.12);border:2px solid #fff}.empty{text-align:center;color:var(--muted);padding:24px 10px}.pillbox{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pill{font-size:12px;background:rgba(255,255,255,.18);padding:7px 9px;border-radius:999px;font-weight:850}.network{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}.danger{color:#a1243b}.divider{height:1px;background:var(--line);margin:18px 0}.accept-shell{max-width:480px;margin:auto;min-height:100vh;padding:22px 18px;background:var(--bg)}
@media(min-width:700px){body{padding:24px}.shell,.accept-shell{min-height:calc(100vh - 48px);border-radius:32px;overflow:hidden}.navbar{bottom:24px;border-radius:0 0 32px 32px}}
/* V2 negociación */
.step-hint{font-size:12px;font-weight:950;color:#745f9a;text-transform:uppercase;letter-spacing:.7px;margin:20px 2px 8px}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.type-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px 8px;display:grid;gap:4px;place-items:center;color:#4d4561;font-weight:850}.type-card span{font-size:23px}.type-card.on{background:linear-gradient(135deg,#241b38,#3a285d);color:#fff;border-color:#241b38;box-shadow:0 8px 20px rgba(36,27,56,.16)}
.subchoice{background:#f7f3ff;border:1px solid #eee6ff;border-radius:18px;padding:12px;margin-top:-3px}.micro-label{font-size:12px;font-weight:900;color:#756a86;margin-bottom:8px}.chip.small{padding:8px 11px;font-size:12px}.quick-ideas{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.quick-ideas button{border:0;background:#f3effa;color:#655879;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800}.field label span{color:#999;font-weight:650}.field.compact{margin-top:8px}.details-explain,.screen-copy{font-size:13px;color:var(--muted);line-height:1.4;margin-top:-6px}.negotiation-note{margin-top:14px;background:#fff4ca;color:#68500c}.two-actions{grid-template-columns:1fr 1.5fr}
.send-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:17px;margin-top:15px}.send-card h3{margin:0 0 3px}.send-card>p{margin:0 0 14px;color:var(--muted);font-size:13px}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.share{border:1px solid var(--line);background:#faf8ff;border-radius:17px;padding:14px 8px;font-size:22px}.share b{font-size:12px;display:block;margin-top:5px}.share.whatsapp{background:#e7fff1;border-color:#c8f5da}.btn.test{background:#f0e9ff;color:#5b32ae;width:100%;margin-top:12px}.qrbox small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.incoming{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff0f7;border:1px solid #ffd4e7;padding:12px 14px;border-radius:18px;margin-bottom:14px;font-size:12px}.incoming span{font-weight:850}.incoming b{background:#fff;padding:6px 8px;border-radius:999px}.response-box{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px}.response-box h3{margin:0 0 10px;font-size:16px}.btn.accept{background:linear-gradient(135deg,#19c9a7,#11a98e);color:#fff}.btn.propose{background:linear-gradient(135deg,#6f37ed,#9d5cf0);color:#fff}.btn.reject{background:#fff1f1;color:#a5293a;border:1px solid #ffd7dc}.counter-head h2{margin-bottom:4px}.counter-head p{margin-top:0;color:var(--muted);font-size:13px;line-height:1.45}.proposal-alert{background:#f0e9ff;color:#4f2e90;border-radius:18px;padding:14px;margin-top:14px;line-height:1.45}.rejected-card{background:#fff0f1;color:#9d2637;border-radius:18px;padding:15px;margin-top:14px;font-weight:800}.history{margin-top:18px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 13px 10px}.history summary{cursor:pointer;padding:11px 0;font-weight:850}.history-row{display:flex;justify-content:space-between;gap:8px;padding:9px 1px;border-top:1px solid var(--line);font-size:12px}.compact-celebrate{padding-bottom:4px}
.status.pending_creator{background:#eadfff;color:#5c35a7}.status.pending_partner{background:#fff1bd;color:#765400}.status.rejected{background:#ffe3e6;color:#9f2636}
@media(max-width:380px){.type-grid{grid-template-columns:repeat(2,1fr)}.two-actions{grid-template-columns:1fr}}

.share-main{margin-top:12px}.secondary-share{margin-top:10px}.qr-hidden{display:none}.secondary-share .share{background:#faf8ff}.share-main{font-size:15px}
/* V2.2 lenguaje KD / KDicho */
.hero-kicker{display:inline-block;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.28);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:1000;letter-spacing:.8px;margin-bottom:10px}
.hero-link{display:block;margin-top:10px;border:0;background:transparent;color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:850;padding:5px 2px}
.how-intro{background:linear-gradient(135deg,#f1e9ff,#fff0f7);border:1px solid #e7dbff;border-radius:22px;padding:16px;line-height:1.45}.how-intro p{margin:7px 0 0;color:#625773}.how-intro strong{color:#5b32ae}
.how-flow{display:grid;gap:7px;margin:18px 0}.how-step{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 7px 18px rgba(38,24,77,.045)}.how-step>span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;flex:0 0 38px;background:#efe7ff;color:#6035b5;font-weight:1000}.how-step b{font-size:15px}.how-step p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.how-step.accent>span{background:#e4fff8;color:#087963}.how-step.pinky>span{background:#fff0f6;color:#c22e72}.how-step.done{background:linear-gradient(135deg,#251f35,#4e356f);color:#fff}.how-step.done>span{background:rgba(255,255,255,.14);font-size:21px}.how-step.done p{color:#ddd3ea}.how-arrow{text-align:center;color:#a58fbf;font-weight:1000;font-size:18px;height:16px;line-height:16px}.kd-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}.kd-legend>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}.kd-legend b{display:block;font-size:23px;color:#5b32ae}.kd-legend span{display:block;font-size:11px;color:var(--muted);font-weight:800;margin-top:3px}

/* V2.3 portada KD / KDicho */
.hero-v23{padding:24px 23px 22px}
.hero-v23:after{font-size:92px;right:-13px;bottom:-26px;opacity:.20}
.hero-v23 h1{font-size:34px;line-height:1;margin:0 0 12px;max-width:310px;letter-spacing:-1.2px}
.hero-kd{display:inline-block;color:#fff6a8;text-shadow:0 3px 0 rgba(38,21,85,.16);transform:rotate(-2deg)}
.hero-explain{font-size:14px;line-height:1.45;margin-bottom:16px!important;max-width:320px!important}
.hero-explain b{color:#fff}
.hero-wait{position:relative;margin:2px 0 18px;padding:14px 15px 13px;border-radius:20px;background:rgba(31,18,65,.22);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px);max-width:320px}
.hero-wait span{display:block;font-size:11px;font-weight:850;opacity:.78;margin-bottom:2px}
.hero-wait strong{display:block;font-size:17px;line-height:1.1;letter-spacing:-.2px}
.hero-wait em{display:inline-block;margin-top:5px;font-style:normal;font-weight:1000;font-size:29px;line-height:1;color:#fff6a8;letter-spacing:-1px;text-shadow:0 3px 0 rgba(38,21,85,.16)}
@media(max-width:380px){.hero-v23 h1{font-size:31px}.hero-wait em{font-size:26px}}

/* V2.4 · creación más ágil */
.idea-select{border:0;background:#f0ebfa;color:#5f4a86;font:inherit;font-weight:800;border-radius:999px;padding:9px 13px;max-width:150px;cursor:pointer}
.consequence-field{margin-top:18px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#fff8e9,#fff3f7);border:1px solid #f3d9de}
.consequence-field>label{font-size:1.02rem}
.consequence-ideas button{background:#fff;border:1px solid #eddfe6}
@media(max-width:520px){.idea-select{max-width:100%;}.quick-ideas{gap:8px}.consequence-field{padding:14px}}
.receiver-tools{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0 4px}.danger-link{color:#b42318!important}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:520px){.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V2.5 · tarjetas y estados más claros */
.preview{position:relative;overflow:hidden}
.preview-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mini-brand img{width:34px;height:34px;border-radius:11px;border:2px solid rgba(255,255,255,.55);background:#fff;object-fit:cover}
.preview .mini-title{margin:10px 0 4px;font-size:13px;font-weight:900;opacity:.9;text-transform:uppercase;letter-spacing:.5px}
.preview .words{margin-top:4px}
.consequence-tag{margin-top:14px;display:inline-flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);padding:10px 12px;border-radius:16px;max-width:100%}
.preview.smile .consequence-tag{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.08)}
.consequence-tag small{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.6px;opacity:.8}
.consequence-tag b{font-size:14px;line-height:1.3}
.meta-card{display:grid;gap:8px}
.state-line{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:1000;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.24)}
.preview.smile .state-line{background:rgba(255,255,255,.72);border-color:rgba(0,0,0,.08)}
.state-line.pending_partner{background:rgba(255,234,169,.22)}
.state-line.pending_creator{background:rgba(238,225,255,.22)}
.state-line.active,.state-line.completed,.state-line.failed,.state-line.cancelled{background:rgba(213,255,239,.18)}
.state-line.rejected{background:rgba(255,225,231,.24)}
.state-line.draft{background:rgba(255,255,255,.15)}
.agreement-line{font-size:16px;font-weight:1000;letter-spacing:-.2px}
.meta-sub{font-size:12px;line-height:1.45;font-weight:800;opacity:.94}
.send-card.surprise{display:grid;gap:12px}
.share-qr-card{border-radius:26px;padding:18px;text-align:center;color:#fff;box-shadow:0 14px 30px rgba(38,24,77,.10)}
.share-qr-card.neon{background:linear-gradient(145deg,#5d26dc,#a936ee 45%,#ff2b86)}
.share-qr-card.smile{background:linear-gradient(145deg,#ffe55b,#ff9f43);color:#28191d}
.share-qr-card.gaming{background:linear-gradient(145deg,#111827,#312e81 55%,#08d6bc)}
.sq-brand{font-size:26px;font-weight:1000;letter-spacing:-1px}
.sq-copy{font-size:14px;font-weight:800;margin-top:4px;margin-bottom:14px}
.share-qr-card img{width:210px;max-width:85%;background:#fff;padding:12px;border-radius:20px;display:block;margin:0 auto 12px}
.sq-foot{font-size:15px;font-weight:800}.sq-foot b{font-size:24px;display:inline-block;margin-left:4px;letter-spacing:-1px;color:#fff6a8}
.share-qr-card.smile .sq-foot b{color:#7b2b58}
@media(max-width:520px){.share-qr-card img{width:180px}}


/* V2.6 · participantes opcionales */
.optional-inline{font-size:11px;text-transform:none;letter-spacing:0;color:#91859d;font-weight:700}
.participants-box{background:#fff;border:1px dashed #ddd1f1;border-radius:22px;padding:15px;margin-top:4px}
.participants-box>label{display:block;font-size:13px;font-weight:900;margin-bottom:9px}
.participant-select{width:100%}
.participant-names{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.participant-field{margin:0}.participant-field label{font-size:11px;color:#857990}.participant-field .input{padding:12px 13px}
.group-note{margin-top:12px;background:#f4efff;border-radius:15px;padding:10px 11px;font-size:11px;line-height:1.4;color:#67577d;font-weight:700}
.participants-line{margin-top:14px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.23);display:grid;gap:3px}
.preview.smile .participants-line{background:rgba(255,255,255,.58);border-color:rgba(0,0,0,.08)}
.participants-line small{font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.6px;opacity:.78}.participants-line b{font-size:13px;line-height:1.35}
@media(max-width:420px){.participant-names{grid-template-columns:1fr}}


/* V3 · pantalla receptor */
.receiver-hero{background:linear-gradient(135deg,#fff6e8,#f6ecff 52%,#eef6ff);border:1px solid #eadff8;border-radius:24px;padding:18px 18px 16px;margin-bottom:14px;box-shadow:0 10px 24px rgba(38,24,77,.05)}
.receiver-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #efe5ff;color:#5a2bb9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;margin-bottom:12px}
.receiver-hero h1{margin:0 0 8px;font-size:28px;line-height:1.05;letter-spacing:-1px}
.receiver-hero p{margin:0;color:#635a76;line-height:1.45;font-size:14px}
.receiver-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.receiver-meta span{background:#fff;border:1px solid #ece4fb;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;color:#69578a}
.receiver-response{margin-top:16px}.receiver-response h3{font-size:20px;margin:0 0 6px}.receiver-response p{margin:0 0 14px;color:#695f79;font-size:13px;line-height:1.45}
.receiver-response .actions{margin-top:0}
.waiting-note{background:#f8f4ff;border:1px solid #ece2ff;color:#5f5190}
.tool-link{border:0;background:transparent;color:#6a5b86;text-decoration:underline;text-underline-offset:3px;font-weight:850;padding:5px 2px}.tool-link:hover{opacity:.85}.danger-link{color:#b42318!important}
.receiver-celebrate p{margin:-2px 0 16px;color:#695f79;font-weight:700}


/* V3.1 · KDicho del creador */
.kdicho-result{border-radius:26px;padding:20px;margin-bottom:18px;border:1px solid var(--line);box-shadow:0 10px 26px rgba(38,24,77,.06)}
.kdicho-result .result-eyebrow{font-size:11px;font-weight:1000;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px;opacity:.82}.kdicho-result h2{font-size:28px;line-height:1.05;letter-spacing:-1px;margin:0 0 8px}.kdicho-result>p{font-size:14px;line-height:1.5;margin:0;color:#665c77}.kdicho-result .result-icon{font-size:44px;margin-bottom:7px}
.counter-result{background:linear-gradient(135deg,#f2eaff,#fff1f7);border-color:#e7d9ff}.accepted-result{background:linear-gradient(135deg,#eafff8,#f4fff4);border-color:#ccefe3}.accepted-result h2{font-size:38px;background:linear-gradient(90deg,#5e36e8,#ea2d8c,#d99f00);-webkit-background-clip:text;color:transparent}.creator-accepted-result .creator-accepted-main{text-align:center;padding-top:8px}.creator-accepted-result .result-icon{font-size:78px;line-height:1;margin:6px auto 12px;display:inline-block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.creator-accepted-result .result-eyebrow{font-size:13px;letter-spacing:1px;margin-bottom:10px}.creator-accepted-result h2{font-size:clamp(48px,9vw,64px);margin-bottom:12px}.creator-accepted-result>p,.creator-accepted-result .creator-accepted-main>p{font-size:18px;line-height:1.4;max-width:430px;margin:0 auto}.rejected-result{background:linear-gradient(135deg,#fff0f2,#fff8f8);border-color:#ffd8df}.waiting-result{background:linear-gradient(135deg,#fff8dc,#fff4e8);border-color:#f4e2ab}.waiting-result .btn{margin-top:15px}
.changes-box{background:#fff;border:1px solid #e8def7;border-radius:20px;padding:13px;margin-top:15px}.changes-title{font-size:12px;font-weight:1000;color:#6247a2;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.change-row{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;padding:11px 0;border-top:1px solid #eee8f6}.change-row:first-of-type{border-top:0}.change-row small{grid-column:1/-1;color:#857990;font-weight:850}.change-row span,.change-row strong{font-size:12px;line-height:1.35}.change-row span{color:#8b8194;text-decoration:line-through}.change-row strong{color:#30253f}.change-row b{color:#9b78df}
.counter-result .response-box{background:rgba(255,255,255,.72);margin-top:14px}

.card-note{margin-top:10px}.tiny-share .share{font-size:19px}.tiny-share .share b{font-size:11px}.share-qr-card{position:relative;overflow:hidden}.share-qr-card:before{content:'';position:absolute;right:-30px;top:-20px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.10)}

.share-main:disabled{opacity:.62;cursor:wait;box-shadow:none}

.result-followup{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 14px 12px}
.result-mini-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.result-mini-head b{font-size:15px}.result-mini-head span{font-weight:800;color:var(--muted);background:#f5f1fb;padding:7px 10px;border-radius:999px;font-size:12px}
.result-mini-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mini-result{border:0;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.mini-result.ok{background:#e7fbf3;color:#0e7c60}.mini-result.bad{background:#fff0f1;color:#a5293a}.mini-result.neutral{background:#f2f2f4;color:#555}.result-mini-help{margin-top:10px;font-size:11px;color:#7d758c;line-height:1.4}

.sq-copy{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 8px}.sq-copy em{font-style:normal;font-size:34px;line-height:1}.group-block{margin-top:10px}.small-empty{padding:14px 16px;font-size:13px;text-align:left}

/* V3.7 · cierre del prototipo web */
.web-prototype-note{display:flex;gap:10px;align-items:flex-start;background:#f7f2ff;border:1px solid #e8dcff;border-radius:16px;padding:11px 12px;margin-top:10px}.web-prototype-note b{white-space:nowrap;color:#5c32ad;font-size:12px}.web-prototype-note span{color:#70667f;font-size:11px;line-height:1.4}.advanced-share{margin-top:9px;border-top:1px solid var(--line);padding-top:8px}.advanced-share summary{cursor:pointer;color:#756a86;font-size:11px;font-weight:850}.advanced-link{margin-top:8px;border:0;background:transparent;color:#66577d;font-size:11px;text-decoration:underline;text-underline-offset:3px}.share-main{min-height:52px}

/* V3.9 · resultado opcional y estados finales del receptor */
.result-collapsed{padding:0;overflow:hidden}
.result-collapsed>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:15px 16px;font-size:14px}
.result-collapsed>summary::-webkit-details-marker{display:none}
.result-collapsed>summary b{font-size:16px}
.result-collapsed>summary span{font-weight:850;color:var(--muted);background:#f5f1fb;padding:7px 10px;border-radius:999px;font-size:12px}
.result-collapsed>summary i{font-style:normal;font-size:20px;color:#756a86;transition:transform .18s ease}
.result-collapsed[open]>summary i{transform:rotate(180deg)}
.result-inside{border-top:1px solid var(--line);padding:15px 16px 16px}
.result-explain{margin:0 0 14px;font-size:14px;line-height:1.5;font-weight:750;color:#5f566f}
.result-collapsed .result-mini-actions{margin-top:0}
.receiver-final{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px 22px;text-align:center;box-shadow:0 10px 26px rgba(38,24,77,.06);margin-top:18px}
.receiver-final .result-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#eafbf4;color:#0c8767;font-size:30px;font-weight:1000}
.receiver-final h1{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:0 0 10px}
.receiver-final p{margin:0;color:#6c627b;font-size:14px;line-height:1.5}

.result-collapsed>summary b small{font-size:10px;color:#8c8299;font-weight:800;margin-left:4px}

.plan-when{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.35);border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:10px 14px;font-size:18px;line-height:1.2;font-weight:900;color:#24172e;max-width:max-content;margin:2px 0 4px}.preview.neon .plan-when,.preview.gaming .plan-when{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.15)}

.status.reported{background:#fff0e8;color:#9a3f17}.reported-result{background:#fff7f1;border:1px solid #ffd8c2;border-radius:24px;padding:20px}.report-box{width:100%;background:#fff8f5;border:1px solid #ffd8cf;border-radius:20px;padding:16px;text-align:left}.report-box>b{display:block;font-size:16px}.report-box p{font-size:12px;line-height:1.45;color:var(--muted);margin:6px 0 12px}.report-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.report-reasons button{border:1px solid #f0d2cb;background:#fff;border-radius:14px;padding:10px;font-weight:850;color:#7e2d22;text-align:left}.report-final{background:#fff8f4;border:1px solid #ffddd0;border-radius:24px;padding:24px 18px}


/* V3.13 · tarjeta + enlace y futura apertura directa en app */
.sq-open-hint{margin-top:9px;font-size:10px;line-height:1.3;font-weight:800;opacity:.82}
.share-package-title{font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.7px;color:#756a86;margin-top:3px}
.link-share-main{width:100%;min-height:52px;background:linear-gradient(135deg,#f0e8ff,#ffeaf4);color:#572ca9;border:1px solid #e5d4ff;box-shadow:none;font-size:15px}
.share-message-preview{background:#fbf9ff;border:1px solid #ebe3f5;border-radius:18px;padding:12px 14px}
.share-message-preview>span{display:block;color:#857990;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}
.share-message-preview p{margin:0;color:#392f48;font-size:13px;line-height:1.5}
.share-message-preview small{color:#756a86;font-size:11px}
.open-kd-explain{background:linear-gradient(135deg,#f8f3ff,#fff6fb);border:1px solid #e9ddf8;border-radius:24px;padding:16px;margin:18px 0}
.open-kd-title{font-size:18px;font-weight:1000;margin-bottom:11px}
.open-kd-options{display:grid;gap:9px}.open-kd-options>div{background:#fff;border:1px solid #eee7f7;border-radius:16px;padding:11px 12px;display:grid;gap:3px}.open-kd-options b{font-size:13px}.open-kd-options span{font-size:12px;line-height:1.4;color:#70667f}
.how-step.app-step{background:linear-gradient(135deg,#effff9,#f1f6ff);border-color:#d8efe8}

.share-kd-main{font-size:18px;min-height:62px;border-radius:20px}.share-one-note{font-size:12px;line-height:1.45;color:#6f657f;text-align:center;padding:0 8px 4px}.manual-share{border-top:1px solid var(--line);padding-top:10px;margin-top:2px}.manual-share summary{cursor:pointer;color:#7b708b;font-size:12px;font-weight:850;text-align:center;list-style:none}.manual-share summary::-webkit-details-marker{display:none}.manual-share summary:before{content:'⋯ ';font-weight:1000}.manual-share[open] summary{margin-bottom:9px}

/* V4.5 · cierre de producción web: privacidad y borrado */
.kd-options{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.kd-options>summary{cursor:pointer;list-style:none;padding:13px 15px;font-size:12px;font-weight:900;color:#756a86;text-align:center}
.kd-options>summary::-webkit-details-marker{display:none}.kd-options-inside{border-top:1px solid var(--line);padding:14px 15px 15px}.kd-options-inside p{margin:0 0 12px;font-size:12px;line-height:1.5;color:#756d82}.delete-kd-btn{width:100%}
.privacy-summary{display:flex;gap:13px;align-items:flex-start;background:linear-gradient(135deg,#f4efff,#f7fff9);border:1px solid #e5daf7;border-radius:22px;padding:16px}.privacy-summary-icon{width:42px;height:42px;flex:0 0 42px;border-radius:15px;display:grid;place-items:center;background:#fff;font-size:21px;box-shadow:0 6px 16px rgba(38,24,77,.06)}.privacy-summary b{display:block;font-size:16px;margin-bottom:4px}.privacy-summary p{margin:0;color:#6d637a;font-size:12px;line-height:1.5}.privacy-more{width:100%;margin-top:10px}.privacy-stack{display:grid;gap:10px}.privacy-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px 16px}.privacy-card b{display:block;font-size:15px;margin-bottom:5px}.privacy-card p{margin:0;font-size:12px;line-height:1.55;color:#6f667d}.privacy-note{margin-top:14px}.danger-zone{border:1px solid #f0dada;border-radius:18px;background:#fffafa;overflow:hidden}.danger-zone>summary{cursor:pointer;list-style:none;padding:13px 15px;font-size:12px;font-weight:900;color:#9b4550;text-align:center}.danger-zone>summary::-webkit-details-marker{display:none}.danger-zone-inside{border-top:1px solid #f0dada;padding:14px 15px 15px}.danger-zone-inside p{margin:0 0 12px;font-size:12px;line-height:1.5;color:#76636a}.danger-zone .btn{width:100%}

/* V4.5.2 · aviso de KDicho recibido */
.status.unread-response{background:linear-gradient(135deg,#6f37ed,#c53fd5);color:#fff;box-shadow:0 6px 14px rgba(111,55,237,.18)}
.pact-row.has-unread{border-color:#cdb9ff;background:linear-gradient(90deg,#fbf8ff,#fff);box-shadow:0 8px 22px rgba(111,55,237,.08)}
.response-arrived{width:100%;margin-top:13px;border:1px solid #d8c7ff;background:linear-gradient(135deg,#f3edff,#fff5fb);border-radius:20px;padding:13px 14px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--ink);box-shadow:0 8px 22px rgba(111,55,237,.08)}
.response-arrived>span{width:42px;height:42px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:22px}.response-arrived>div{flex:1}.response-arrived b{display:block;font-size:15px}.response-arrived small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.response-arrived i{font-style:normal;font-size:20px;color:var(--purple);font-weight:900}.unread-group .section-title{color:#6f37ed}

/* V4.6 · KD de grupo V1 */
.group-progress{margin:16px 0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;box-shadow:0 8px 22px rgba(38,24,77,.05)}
.group-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.group-progress-head b{font-size:14px}.group-progress-head span{font-size:11px;font-weight:900;color:#746a82;background:#f6f2fb;padding:7px 9px;border-radius:999px;white-space:nowrap}
.group-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group-check{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #eee7f5;background:#faf8fc;border-radius:15px;padding:9px 10px}.group-check.done{background:#fff}.group-check span{font-size:18px;flex:0 0 auto}.group-check b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-identity,.group-answer-box{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px}.group-identity h3,.group-answer-box h3{margin:0 0 5px;font-size:18px}.group-identity p,.group-answer-box p{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.45}.group-people{display:grid;gap:8px}.group-person{width:100%;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;border:1px solid #e9e1f3;background:#fff;border-radius:16px;padding:10px 11px;text-align:left;color:var(--ink)}.group-person>span{font-size:19px;text-align:center}.group-person>b{font-size:13px}.group-person>small{font-size:10px;font-weight:850;color:#8a7f96}.group-person.selected{border-color:#8d65ed;background:#f6f1ff;box-shadow:0 0 0 2px rgba(111,55,237,.08)}.group-person.answered{opacity:.72;background:#f8f7f9}.group-person:disabled{cursor:default}
.group-my-response{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#f2edff,#f7fff9);border:1px solid #ddd1f6;border-radius:20px;padding:13px 14px;margin-top:12px}.group-my-response>span{font-size:28px}.group-my-response b{display:block;font-size:14px}.group-my-response small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.group-owner-actions{display:grid;gap:9px;margin-top:13px}.group-result .group-progress{box-shadow:none;margin-bottom:0}.group-result .group-progress-head{color:var(--ink)}
.group-outcome-highlight{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;border-radius:26px;padding:18px 18px 16px;margin:10px 0 14px;border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 32px rgba(0,0,0,.22)}.group-outcome-highlight.accepted,.group-outcome-highlight.partial{background:linear-gradient(135deg,rgba(27,98,82,.62),rgba(26,31,49,.96))}.group-outcome-highlight.rejected{background:linear-gradient(135deg,rgba(110,24,44,.58),rgba(26,31,49,.96))}.group-outcome-highlight.cancelled{background:linear-gradient(135deg,rgba(76,50,23,.56),rgba(26,31,49,.96))}.group-outcome-icon{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;font-size:50px;line-height:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.22)}.group-outcome-copy h3{margin:4px 0 8px;font-size:clamp(28px,6.8vw,40px);line-height:.98;letter-spacing:-1.2px}.group-outcome-copy p{margin:0;color:#e1d8ee!important;font-size:15px;line-height:1.42}.group-outcome-eyebrow{font-size:12px;font-weight:1000;letter-spacing:1.2px;color:#ffe582}.group-outcome-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.group-outcome-stats span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:rgba(9,12,22,.34);border:1px solid rgba(255,255,255,.09);font-size:12px;font-weight:900}.group-result .group-outcome-highlight+.group-progress{margin-top:0}.group-result .group-outcome-highlight+.group-my-response,.group-outcome-highlight+.group-my-response{margin-top:0}
@media (min-width:520px){.group-checks{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V4.7 / App V5.2 · conexiones directas */
.direct-arrived{background:linear-gradient(135deg,#5d26dc,#8e4cf4);color:#fff;border-color:transparent}.direct-arrived small{color:rgba(255,255,255,.82)}
.direct-inbox-group{background:linear-gradient(180deg,#f7f3ff 0,#fff 100%);border-radius:22px;padding:12px;margin:8px 0 18px}.direct-inbox-list{margin-top:8px}.direct-row{border-color:#e4d8ff}.direct-row .badge{background:#eee7ff}.direct-received-pill{display:inline-flex;align-items:center;gap:7px;background:#eee7ff;color:#5d26dc;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;margin-bottom:12px}
.direct-send-panel{margin:8px 0 16px;background:linear-gradient(135deg,#f4efff,#f7fffd);border:1px solid #dfd2ff;border-radius:24px;padding:16px}.direct-send-head{display:flex;gap:12px;align-items:flex-start}.direct-send-head>span{width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 6px 16px rgba(53,31,102,.08)}.direct-send-head b{font-size:16px}.direct-send-head p{margin:4px 0 0;color:#71677d;font-size:12px;line-height:1.45}.direct-contact-list{display:grid;gap:8px;margin-top:14px}.direct-contact-btn{width:100%;border:1px solid #ded4ef;background:#fff;border-radius:17px;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:left}.direct-contact-btn>span{width:34px;height:34px;border-radius:12px;background:#efe8ff;display:grid;place-items:center}.direct-contact-btn div{display:flex;flex-direction:column;flex:1}.direct-contact-btn b{font-size:14px}.direct-contact-btn small{color:#83798c;font-size:10px}.direct-contact-btn i{font-style:normal;color:#5d26dc;font-size:11px;font-weight:900}.direct-contact-btn:disabled{opacity:.7}.direct-or{display:flex;align-items:center;gap:10px;margin:13px 0 -4px;color:#9c91a8;font-size:10px}.direct-or:before,.direct-or:after{content:"";height:1px;background:#ddd2eb;flex:1}.direct-send-card{display:flex;gap:12px;align-items:flex-start;background:#faf8ff;border:1px solid #e7ddf5;border-radius:20px;padding:14px;margin-bottom:14px}.direct-send-icon{width:40px;height:40px;display:grid;place-items:center;background:#fff;border-radius:13px;font-size:20px}.direct-send-card b{font-size:14px}.direct-send-card p{font-size:11px;line-height:1.45;color:#756c80;margin:4px 0 0}
.connect-invite{margin-top:18px;background:linear-gradient(135deg,#5d26dc,#7a3ce7);color:#fff;border-radius:24px;padding:18px;display:flex;gap:13px}.connect-invite[hidden]{display:none}.connect-icon{font-size:28px}.connect-copy{flex:1}.connect-copy>b{font-size:17px}.connect-copy p{font-size:12px;line-height:1.5;color:rgba(255,255,255,.86);margin:5px 0 12px}.connect-copy .btn{background:#fff;color:#5d26dc;width:100%}.connect-copy small{display:block;text-align:center;margin-top:9px;color:rgba(255,255,255,.75);font-size:10px}.connect-success{display:flex;flex-direction:column;gap:4px}.connect-success b{font-size:17px}.connect-success span{font-size:12px;color:rgba(255,255,255,.85)}.install-hint{display:flex;gap:11px;align-items:flex-start;background:#f3f0fa;border:1px solid #e4ddeb;border-radius:18px;padding:13px;margin-top:14px}.install-hint>span{font-size:22px}.install-hint b{font-size:13px}.install-hint small{display:block;margin-top:3px;color:#756d7d;font-size:10px;line-height:1.4}
.contacts-empty{display:flex;gap:12px;align-items:flex-start;background:#faf8ff;border:1px solid #e7def4;border-radius:20px;padding:15px}.contacts-empty>span{font-size:24px}.contacts-empty b{font-size:14px}.contacts-empty p{font-size:11px;line-height:1.5;color:#766e80;margin:4px 0 0}.contact-cards{display:grid;gap:9px}.contact-card{display:flex;align-items:center;gap:9px;border:1px solid #e8e1ee;background:#fff;border-radius:18px;padding:11px}.contact-avatar{width:38px;height:38px;border-radius:13px;background:#eee7ff;color:#5d26dc;display:grid;place-items:center;font-size:19px}.contact-main{display:flex;flex-direction:column;flex:1}.contact-main b{font-size:14px}.contact-main small{font-size:9px;color:#7d7485;margin-top:2px}.contact-card>button{border:0;background:#f5f2f8;border-radius:10px;width:32px;height:32px}.contact-remove{font-size:20px;color:#a55261}

/* V5.2 — nuevas tarjetas */
.theme-card.role,.preview.role,.share-qr-card.role{background:linear-gradient(145deg,#182032,#4a255f 56%,#b46b2e);color:#fff}
.theme-card.bold,.preview.bold,.share-qr-card.bold{background:linear-gradient(145deg,#4b1639,#bb2d67 55%,#ff8b72);color:#fff}
.preview.role .plan-when,.preview.bold .plan-when{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.15)}

/* V5.2 — conectar instalaciones */
.connect-main{margin:0 0 14px}.connect-choice{display:grid;gap:14px}.connect-method{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 7px 20px rgba(38,24,77,.05)}.connect-method>span{font-size:28px}.connect-method>div{flex:1}.connect-method b{font-size:16px}.connect-method p{font-size:13px;line-height:1.45;color:var(--muted);margin:5px 0 12px}.connect-code{text-transform:uppercase;letter-spacing:2px;font-weight:900;text-align:center;margin-bottom:9px}.connect-generated{margin-top:4px;background:linear-gradient(145deg,#f4efff,#fff);border:1px solid #dfd3f4;border-radius:25px;padding:18px;text-align:center;box-shadow:var(--shadow)}.connect-generated img{display:block;width:230px;max-width:80%;margin:14px auto;background:#fff;border-radius:15px;padding:9px}.connect-generated small{display:block;color:var(--muted);font-weight:800}.connect-generated strong{display:block;font-size:30px;letter-spacing:4px;margin:5px 0 9px}.connect-generated p{font-size:13px;color:var(--muted)}.connect-expire{display:inline-block;background:#fff3c4;color:#71510c;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.connect-incoming{text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:25px;box-shadow:var(--shadow);margin-top:16px}.connect-incoming>span{font-size:58px}.connect-incoming h1{font-size:27px;margin:10px 0}.connect-incoming p{color:var(--muted);line-height:1.5}.connect-incoming.success{background:linear-gradient(145deg,#effff8,#fff)}
.blocked-list{margin-top:16px}.blocked-list summary{cursor:pointer;font-weight:900;color:#6d3650;padding:10px 2px}.contact-card.blocked{background:#fff7f8}.contact-card.blocked button{border:0;background:#f2e9ee;border-radius:12px;padding:8px;font-weight:800}.contact-menu{font-size:20px!important}
.mini-inline{margin-top:9px;border:0;background:#ede5ff;color:#5124ab;border-radius:12px;padding:8px 11px;font-weight:900}

/* V5.2 — muñeco que toca el cristal */
.kd-tapper{position:fixed;right:8px;top:29%;z-index:9999;border:0;background:transparent;display:flex;align-items:center;gap:0;padding:0;filter:drop-shadow(0 10px 18px rgba(36,25,60,.18));animation:kdTapIn .38s cubic-bezier(.2,.9,.25,1.2) both}.kd-tapper-face{width:58px;height:58px;border-radius:50% 8px 8px 50%;background:#fff;display:grid;place-items:center;font-size:31px;border:2px solid #e7ddf6;animation:kdPeek 1.1s ease-in-out 2}.kd-tapper-hand{font-size:32px;transform:rotate(-35deg);margin-right:-11px;z-index:2;animation:kdKnock .28s ease-in-out 4;transform-origin:bottom right}.kd-tapper-bubble{background:#251f35;color:#fff;border-radius:18px 6px 18px 18px;padding:10px 13px;text-align:left;margin-right:6px;order:-1;min-width:135px}.kd-tapper-bubble b,.kd-tapper-bubble small{display:block}.kd-tapper-bubble b{font-size:14px}.kd-tapper-bubble small{font-size:12px;opacity:.9;margin-top:2px}@keyframes kdTapIn{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes kdKnock{0%,100%{transform:rotate(-35deg) translateY(0)}50%{transform:rotate(-18deg) translateY(-8px)}}@keyframes kdPeek{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}@media (prefers-reduced-motion:reduce){.kd-tapper,.kd-tapper-face,.kd-tapper-hand{animation:none!important}}


/* V5.3 — refresh visual juvenil */
:root{--ink:#f6f2ff;--muted:#b8b0c8;--purple:#8a5cff;--pink:#ff4fa3;--mint:#24d7be;--yellow:#ffd84d;--bg:#0d0f17;--card:#171a24;--card-2:#1d2030;--line:#2a2f44;--shadow:0 18px 45px rgba(0,0,0,.38)}
html,body{font-family:"Plus Jakarta Sans",Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#32245d 0,#151522 28%,#0d0f17 72%)}
.shell{background:linear-gradient(180deg,rgba(13,15,23,.92),rgba(13,15,23,.98));box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.brand,.hero h1,.hero-wait strong,.hero-wait em,.section-title,.screen-head h2,.celebrate h1{font-family:"Syne","Plus Jakarta Sans",sans-serif}
.brand{font-size:30px;letter-spacing:-1.6px}.tag{color:#ddd2f2;font-weight:700;opacity:.88}
.logo-mini{border-color:rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.38)}
.content{padding:14px 18px 30px}
.hero{border-radius:30px;box-shadow:0 22px 48px rgba(41,16,84,.38);padding:24px}
.hero:after{content:'✨';font-size:92px;right:10px;bottom:-12px;opacity:.18;transform:rotate(-10deg)}
.hero-v23{position:relative;overflow:hidden;background:linear-gradient(145deg,#6f33f2 0%,#8d4dff 34%,#ff4a98 100%)}
.hero-v23:before{content:'';position:absolute;inset:auto -40px -60px auto;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 62%)}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:9px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.9px}
.hero h1{font-size:36px;line-height:.98;margin:12px 0 8px;max-width:280px}
.hero .hero-kd{color:#ffe46f}
.hero-explain{font-size:14px;line-height:1.45;max-width:290px;color:#fff;opacity:.96;margin-bottom:12px}
.hero-mini-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.hero-mini-pills span,.pill,.pillbox .pill{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.14);padding:8px 10px;border-radius:999px;font-size:11px;font-weight:800}
.hero-wait{background:rgba(17,19,34,.36);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px);border-radius:24px;padding:14px 16px;margin:0 0 14px}
.hero-wait span{display:block;font-size:12px;color:#e6dbff;font-weight:800;margin-bottom:4px}
.hero-wait strong{display:block;font-size:26px;line-height:1}.hero-wait em{display:block;font-style:normal;font-size:30px;color:#ffe46f;line-height:1.02;margin-top:4px;font-weight:800}
.btn{border-radius:20px}.hero .btn,.hero-cta{background:#fff;color:#38137a;font-weight:900;box-shadow:0 12px 24px rgba(15,7,36,.18)}
.hero-link{margin-top:10px;background:transparent;border:0;color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:6px 4px}
.section-title{font-size:21px;letter-spacing:-.4px;margin:26px 3px 13px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:linear-gradient(180deg,#1b1f2d,#161a25);border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:14px 10px;text-align:left;box-shadow:0 12px 26px rgba(0,0,0,.23)}
.stat i{display:grid;place-items:center;width:34px;height:34px;border-radius:14px;background:rgba(255,255,255,.07);font-style:normal;font-size:18px;margin-bottom:8px}
.stat b{display:block;font-size:25px;line-height:1.05}.stat span{display:block;font-size:11px;color:#cdc4da;font-weight:800;line-height:1.25;margin-top:4px}
.stat-pending i{background:rgba(255,216,77,.14)}.stat-active i{background:rgba(138,92,255,.18)}.stat-closed i{background:rgba(36,215,190,.18)}
.pact-row,.contact-card,.connect-method,.connect-generated,.qrbox,.field .input,textarea,.theme,.type-card,.subchoice,.note,.optional,.contacts-empty,.direct-send-panel,.direct-send-card,.response-arrived,.install-hint,.connect-incoming{background:linear-gradient(180deg,#191d29,#141823)!important;color:var(--ink)}
.pact-row,.contact-card,.connect-method,.connect-generated,.qrbox,.type-card,.subchoice,.note,.optional,.contacts-empty,.direct-send-panel,.direct-send-card,.response-arrived,.install-hint,.connect-incoming,.theme{border-color:rgba(255,255,255,.07)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.back,.contact-card>button,.blocked-list .contact-card.blocked button{background:#202536;color:#fff}
.input,textarea{border-color:rgba(255,255,255,.07)!important;background:#111520!important;color:#fff}.input::placeholder,textarea::placeholder{color:#8f87a3}
.field label,.micro-label,.step-hint{color:#f2ebff}.note,.row-main small,.contact-main small,.direct-send-head p,.connect-method p,.connect-generated p,.privacy,.empty,.network,.theme-dates,.how-step p,.how-intro p,.open-kd-options span,.kd-legend span{color:#beb5ca!important}
.badge,.contact-avatar,.direct-send-icon{background:linear-gradient(145deg,#2a2147,#1f2745);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.status{background:#24283a;color:#ede6ff}.status.pending{background:#41361b;color:#ffe083}.status.active{background:#11382f;color:#7ef0d1}.status.completed{background:#17351d;color:#93ee9e}
.navbar{background:rgba(15,17,27,.92);border-top:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.nav{color:#a69eb5;font-weight:800}.nav i{font-size:21px;margin-bottom:4px}.nav.on{color:#fff}.nav.on i{filter:drop-shadow(0 0 10px rgba(138,92,255,.55))}
.type-card{padding:13px 8px;border-radius:20px}.type-card.on{background:linear-gradient(145deg,#5330bf,#301a61)!important}
.theme{background:transparent!important}.theme.on{border-color:#fff59a;box-shadow:0 0 0 2px rgba(255,228,111,.2),0 18px 30px rgba(0,0,0,.22)}
.theme-card,.preview{position:relative;isolation:isolate;border-radius:24px;box-shadow:0 18px 32px rgba(0,0,0,.22)}
.theme-card:before,.preview:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.16}
.theme-card.role:before,.preview.role:before{background-image:radial-gradient(circle at 80% 20%,rgba(255,241,199,.35),transparent 18%),radial-gradient(circle at 18% 82%,rgba(255,241,199,.28),transparent 14%)}
.theme-card.bold:before,.preview.bold:before{background-image:radial-gradient(circle at 82% 18%,rgba(255,230,239,.34),transparent 20%),radial-gradient(circle at 18% 82%,rgba(255,230,239,.28),transparent 14%)}
.theme-card.role:after,.preview.role:after{content:'🎲 ✦';position:absolute;right:16px;bottom:16px;font-size:30px;opacity:.46}
.theme-card.bold:after,.preview.bold:after{content:'♥ ✦';position:absolute;right:16px;bottom:16px;font-size:30px;opacity:.46}
.response-arrived,.direct-send-panel,.connect-invite{border-radius:22px!important}
.preview .type{font-size:11px;letter-spacing:1px}.preview h3{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:29px}
.theme-text{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:23px;line-height:1.02}
.qrbox{border-radius:26px;padding:20px}.privacy{font-size:12px;text-align:center;margin-top:26px}
.empty{background:linear-gradient(180deg,#191d29,#151924);border:1px dashed rgba(255,255,255,.08);border-radius:22px}
@media (max-width:400px){.hero h1{font-size:32px}.section-title{font-size:19px}.stats{gap:10px}.stat b{font-size:23px}}

/* V5.3.1 — contraste y tarjetas ilustradas */
.btn.primary{background:linear-gradient(135deg,#7b45ff 0%,#a43bff 52%,#ff4f9d 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 12px 26px rgba(105,52,221,.28)!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.btn.primary:hover,.btn.primary:focus{filter:brightness(1.06)}
.btn.ghost{background:#202536!important;color:#eee9f7!important;border:1px solid rgba(255,255,255,.08)!important}
.btn.pink{background:linear-gradient(135deg,#ff3c91,#ff6b6b)!important;color:#fff!important}
.btn.test,.link-share-main{background:#242a3d!important;color:#efe8ff!important;border:1px solid rgba(255,255,255,.08)!important}
.btn.danger,.danger-zone .btn{background:#321c25!important;color:#ff9eb4!important;border:1px solid rgba(255,125,155,.18)!important}
.hero .btn{background:#fff!important;color:#481b9a!important}

.participants-box,.privacy-summary,.privacy-card,.danger-zone,.send-card,.share-message-preview,.web-prototype-note{background:linear-gradient(180deg,#191d29,#141823)!important;color:#f6f2ff!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.participants-box>label,.privacy-summary b,.privacy-card b,.send-card h3,.share-package-title{color:#f6f2ff!important}
.privacy-summary p,.privacy-card p,.danger-zone-inside p,.send-card>p,.share-message-preview p,.share-message-preview small,.web-prototype-note span,.share-one-note{color:#bdb5c8!important}
.privacy-summary-icon{background:#252b3d!important;color:#fff!important;box-shadow:none!important}
.privacy-more{background:#202536!important;color:#eee9f7!important}
.danger-zone>summary{background:#211921!important;color:#ff9baa!important}.divider{background:#262b3c!important}

.chip,.quick-ideas button,.idea-select,.participants-box .input,.participant-select,.share,.direct-contact-btn{background:#202536!important;color:#eee9f7!important;border-color:rgba(255,255,255,.08)!important}
.chip.on{background:linear-gradient(135deg,#6f3cf4,#9a42f3)!important;color:#fff!important;border-color:transparent!important}
.quick-ideas button:hover{background:#2a3044!important}
.direct-contact-btn>span{background:#30234d!important;color:#fff!important}.direct-contact-btn small{color:#aaa2b8!important}.direct-contact-btn i{color:#cbb5ff!important}
.share.whatsapp{background:#173429!important;color:#9cf0c4!important;border-color:#285643!important}
.secondary-share .share{background:#202536!important}.advanced-share summary,.manual-share summary,.advanced-link{color:#aaa2b8!important}

/* La tarjeta sorpresa se integra en el tema oscuro, el QR sigue blanco por legibilidad */
.send-card.surprise{background:linear-gradient(180deg,#181c29,#121620)!important}
.qrbox{background:#171b27!important;color:#f6f2ff!important}.qrbox img,.share-qr-card img{background:#fff!important}

/* Patrones originales de KedaDicho para evitar tarjetas planas */
.theme-card.neon,.preview.neon,.share-qr-card.neon{background-image:url('/pattern-neon.svg'),linear-gradient(145deg,#5422d8,#9a34ee 46%,#ff2b86)!important;background-size:360px 240px,cover!important;background-position:center,center!important}
.theme-card.smile,.preview.smile,.share-qr-card.smile{background-image:url('/pattern-smile.svg'),linear-gradient(145deg,#ffe762,#ffc14f 48%,#ff9445)!important;background-size:360px 240px,cover!important;background-position:center,center!important}
.theme-card.gaming,.preview.gaming,.share-qr-card.gaming{background-image:url('/pattern-gaming.svg'),linear-gradient(145deg,#101724,#322d86 55%,#08cbb6)!important;background-size:360px 240px,cover!important;background-position:center,center!important}
.theme-card.role,.preview.role,.share-qr-card.role{background-image:url('/pattern-role.svg'),linear-gradient(145deg,#1b2133,#4b275e 56%,#c17532)!important;background-size:360px 240px,cover!important;background-position:center,center!important}
.theme-card.bold,.preview.bold,.share-qr-card.bold{background-image:url('/pattern-bold.svg'),linear-gradient(145deg,#511637,#ba2e68 55%,#ff7d70)!important;background-size:360px 240px,cover!important;background-position:center,center!important}
.theme-card,.preview,.share-qr-card{background-blend-mode:screen,normal;min-height:210px}
.theme-card:before,.preview:before{display:none!important}
.theme-card.role:after,.preview.role:after{content:'🎲  ⚔️  💎';font-size:27px;letter-spacing:7px;opacity:.58;filter:drop-shadow(0 4px 7px rgba(0,0,0,.25))}
.theme-card.bold:after,.preview.bold:after{content:'♥  ✦  ☾';font-size:28px;letter-spacing:7px;opacity:.58;filter:drop-shadow(0 4px 7px rgba(0,0,0,.22))}
.theme-card.gaming:after,.preview.gaming:after{content:'🎮  ★  ▣';position:absolute;right:16px;bottom:16px;font-size:27px;letter-spacing:7px;opacity:.48}
.theme-card.neon:after,.preview.neon:after{content:'✦  ⚡  ◯';position:absolute;right:16px;bottom:16px;font-size:27px;letter-spacing:7px;opacity:.45}
.theme-card.smile:after,.preview.smile:after{content:'☺  ♥  ✦';position:absolute;right:16px;bottom:16px;font-size:27px;letter-spacing:7px;opacity:.38;color:#7b2b58}
.theme-label,.theme-text,.theme-dates,.preview>*{position:relative;z-index:2}
.theme-text{max-width:78%;text-shadow:0 2px 8px rgba(0,0,0,.20)}
.theme-card.smile .theme-text{color:#2b1c28;text-shadow:none}
.free{background:rgba(255,255,255,.22)!important;border:1px solid rgba(255,255,255,.18)}
.theme-card.smile .free{background:rgba(255,255,255,.42)!important;color:#5e3150}

/* Selección de tarjeta: marco oscuro, no marco blanco */
.theme{padding:7px;background:#11151f!important;border:2px solid #272d3d!important}
.theme.on{border-color:#b892ff!important;box-shadow:0 0 0 3px rgba(147,94,255,.16),0 18px 30px rgba(0,0,0,.25)!important}

/* Ajustes de legibilidad en formularios */
.step-hint{letter-spacing:.6px}.optional-inline{color:#92899f!important}.field label span{color:#92899f!important}.participants-box{border-style:solid!important}.note{border:1px solid rgba(255,255,255,.05)}
.input:focus,textarea:focus{border-color:#8e61ff!important;box-shadow:0 0 0 4px rgba(123,69,255,.14)!important}

/* Botones de navegación más sobrios y reconocibles */
.nav i{filter:saturate(.85)}.nav.on{color:#fff}.nav.on i{transform:translateY(-1px)}


/* V5.3.2 — selector de tarjetas más limpio + arreglo de consecuencia */
.consequence-field{margin-top:18px;padding:16px 16px 14px!important;border-radius:22px!important;background:linear-gradient(180deg,#1b1f2d,#161a25)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 12px 24px rgba(0,0,0,.18)!important}
.consequence-field>label{display:block;color:#f3efff!important;font-weight:850!important;margin-bottom:10px!important}
.consequence-field>label span{color:#9f97af!important;font-weight:700!important}
.consequence-field .input{background:#101420!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.consequence-field .quick-ideas{margin-top:10px}
.consequence-field .quick-ideas button{background:#23283b!important;color:#efe8ff!important;border:1px solid rgba(255,255,255,.08)!important}

.theme-card.selector-card{min-height:196px;padding:18px 18px 16px!important;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background-blend-mode:normal!important}
.theme-card.selector-card:before{display:none!important}
.theme-card.selector-card:after{content:''!important;position:absolute;right:-22px;top:-16px;width:116px;height:116px;border-radius:50%;background:rgba(255,255,255,.12)!important;opacity:1!important;filter:none!important}
.theme-card.selector-card.neon{background-image:none!important;background:linear-gradient(145deg,#5b2ae0,#9346ff 52%,#ff479f)!important}
.theme-card.selector-card.smile{background-image:none!important;background:linear-gradient(145deg,#ffe865,#ffc456 46%,#ff9747)!important}
.theme-card.selector-card.gaming{background-image:none!important;background:linear-gradient(145deg,#151b2a,#343187 55%,#13ccb9)!important}
.theme-card.selector-card.role{background-image:none!important;background:linear-gradient(145deg,#1a2131,#4b285e 55%,#c47433)!important}
.theme-card.selector-card.bold{background-image:none!important;background:linear-gradient(145deg,#54183b,#be2f6a 55%,#ff8273)!important}
.theme-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:2}
.theme-bigicon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:30px;font-weight:900;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.theme-card.selector-card.smile .theme-bigicon{background:rgba(255,255,255,.52);color:#733751}
.theme-name{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:25px;line-height:1;letter-spacing:-.4px;margin:8px 0 6px;position:relative;z-index:2}
.theme-middle{position:relative;z-index:2}
.theme-card.selector-card .theme-text{font-family:"Plus Jakarta Sans",sans-serif;font-size:19px;font-weight:800;line-height:1.14;max-width:78%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:none}
.theme-card.selector-card.smile .theme-text,.theme-card.selector-card.smile .theme-name,.theme-card.selector-card.smile .theme-dates{color:#2c1e27!important}
.theme-card.selector-card .theme-dates{position:relative;z-index:2;font-size:13px;font-weight:850;opacity:.92}
.theme-card.selector-card .free{position:relative;z-index:2;background:rgba(255,255,255,.24)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
.theme-card.selector-card.smile .free{color:#5c3150!important;background:rgba(255,255,255,.46)!important}
.theme-card.selector-card .theme-label{display:none!important}


/* V5.3.3 — textos largos, remitente y navegación en KD directo */
.app-direct-shell{padding-bottom:96px!important}
.sender-pill{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px;max-width:100%;overflow:hidden}
.sender-pill span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f7f2ff}
.sender-pill b{color:#ffe16d}
.sender-pill small{display:block;color:#aaa2b8;font-size:10px;font-weight:750}

/* Ningún título o estado puede empujar una fila fuera de pantalla */
.pact-row,.direct-row{width:100%;max-width:100%;min-width:0;overflow:hidden}
.row-main{min-width:0;overflow:hidden}
.row-main b{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-main small{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pact-row .status,.direct-row .status{flex:0 1 auto;min-width:0;max-width:34%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.direct-inbox-list .row-main{max-width:calc(100% - 112px)}

/* En tarjetas y vistas finales, el texto largo salta de línea dentro del marco */
.preview,.theme-card,.share-qr-card,.receiver-hero,.receiver-final,.kdicho-result{min-width:0;max-width:100%;overflow:hidden}
.preview .words,.preview .type,.preview .meta-sub,.preview .participants-line b,.preview .consequence-tag b,.receiver-hero h1,.receiver-hero p,.receiver-final h1,.receiver-final p,.kdicho-result h2,.kdicho-result p{overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.preview .words{white-space:normal!important}
.preview-top{min-width:0}.preview-top .type{min-width:0;flex:1}

/* Las miniaturas del selector no deben crecer por una frase larga */
.theme-card.selector-card .theme-text{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;overflow-wrap:anywhere;word-break:break-word;max-width:82%!important}

@media(max-width:390px){
  .pact-row .status,.direct-row .status{max-width:30%;font-size:10px;padding:6px 7px}
  .direct-inbox-list .row-main{max-width:calc(100% - 102px)}
}


/* V5.3.4 – simplificar KDs y mostrar remitente */
.section-counter{display:inline-flex;align-items:center;margin-left:8px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;vertical-align:middle;background:linear-gradient(135deg,#7a42ff,#d44cff);color:#fff;box-shadow:0 8px 16px rgba(122,66,255,.28)}
.list .pact-row,.direct-inbox-list .pact-row{align-items:center}
.row-main{min-width:0;flex:1}
.row-main b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-main small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status{max-width:38%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-block+.group-block{margin-top:6px}
.small-empty{display:none}
.sender-pill{margin-bottom:14px}

/* V5.3.5 — contactos, receptor privado y barrido oscuro */
/* El remitente es información principal, no una etiqueta pequeña */
.direct-received-pill.sender-pill{display:flex!important;align-items:center!important;gap:13px!important;width:100%;padding:14px 15px!important;margin:0 0 16px!important;border-radius:20px!important;background:linear-gradient(135deg,#25213c,#181d2b)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:0 12px 26px rgba(0,0,0,.22)!important}
.sender-pill .sender-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#784cff,#d346f0);color:#fff;font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:23px;font-weight:800;box-shadow:0 8px 18px rgba(111,55,237,.28)}
.sender-pill>div:last-child{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.sender-pill small{font-size:9px!important;letter-spacing:1.2px;color:#9f96b0!important;font-weight:900!important}
.sender-pill strong{display:block;max-width:100%;font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:22px;line-height:1.05;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sender-pill span{display:block!important;max-width:100%;font-size:11px!important;color:#bbb2c8!important;font-weight:650!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Avatar de contacto en listas: sin icono de móvil */
.contact-badge,.contact-avatar{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-weight:800!important;color:#fff!important;background:linear-gradient(145deg,#5734a2,#252d51)!important}

/* Barrido anti-blancos: componentes heredados del tema claro */
.receiver-hero,.receiver-final,.kdicho-result,.counter-result,.accepted-result,.rejected-result,.waiting-result,.changes-box,.result-followup,.kd-options,.group-progress,.group-identity,.group-answer-box,.group-my-response,.open-kd-options>div,.response-box,.report-box,.direct-inbox-group,.connect-success{background:linear-gradient(180deg,#191d29,#141823)!important;color:#f6f2ff!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.receiver-hero h1,.receiver-final h1,.kdicho-result h2,.group-identity h3,.group-answer-box h3,.changes-title,.result-followup summary,.kd-options>summary,.open-kd-options b{color:#f6f2ff!important}
.receiver-hero p,.receiver-final p,.kdicho-result>p,.group-identity p,.group-answer-box p,.group-my-response small,.change-row small,.result-explain,.kd-options-inside p,.open-kd-options span{color:#bcb4c9!important}
.changes-box .change-row{border-color:rgba(255,255,255,.07)!important}.change-row span{color:#91899f!important}.change-row strong{color:#fff!important}
.result-followup>summary,.kd-options>summary{background:#1c202e!important;color:#eee8f7!important}
.result-inside,.kd-options-inside{border-color:rgba(255,255,255,.07)!important;background:#151925!important}
.group-person{background:#202536!important;color:#f6f2ff!important;border-color:rgba(255,255,255,.08)!important}.group-person.selected{background:#2d2350!important;border-color:#8d65ed!important}.group-person.answered{background:#1b1f2c!important}
.report-box .report-reasons button{background:#23283b!important;color:#eee8f7!important;border-color:rgba(255,255,255,.08)!important}
.received-kd-options .kd-options-inside{display:grid;gap:9px}.received-kd-options .tool-link{width:100%;padding:11px 12px;border-radius:14px;background:#202536!important;color:#ddd5e9!important;text-align:center;text-decoration:none}.received-kd-options .danger-link{background:#2b1b23!important;color:#ff9caf!important}

/* Ficha de contacto: historial de KDs, no chat */
.contact-open{cursor:pointer}.contact-open:active{transform:scale(.995)}
.contact-hero{display:flex;align-items:center;gap:14px;padding:17px;border-radius:24px;background:linear-gradient(145deg,#211b38,#171c2a);border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 26px rgba(0,0,0,.19)}
.contact-hero-avatar{width:62px;height:62px;flex:0 0 62px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#7547fb,#d346ef);font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:29px;font-weight:800;color:#fff;box-shadow:0 10px 22px rgba(111,55,237,.28)}
.contact-hero>div:last-child{display:flex;flex-direction:column;min-width:0}.contact-hero b{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-hero span{margin-top:3px;font-size:12px;font-weight:850;color:#d1c6e7}.contact-hero small{margin-top:3px;font-size:11px;color:#a9a0b7}
.contact-send{margin-top:13px}
.contact-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0 12px;padding:5px;background:#121620;border:1px solid rgba(255,255,255,.06);border-radius:17px}.contact-tabs button{border:0;border-radius:13px;padding:10px 5px;background:transparent;color:#9f97ad;font-weight:850}.contact-tabs button.on{background:#27223d;color:#fff;box-shadow:0 6px 13px rgba(0,0,0,.22)}
.contact-history{display:grid;gap:9px}.contact-history-row{width:100%;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.07);border-radius:19px;padding:12px;background:linear-gradient(180deg,#191d29,#151924);color:#fff;text-align:left}.history-direction{width:38px;height:38px;flex:0 0 38px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:900}.history-direction.in{background:#292044;color:#d8c4ff}.history-direction.out{background:#15362f;color:#7ce9c8}.history-main{min-width:0;flex:1}.history-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.history-main small{display:block;margin-top:3px;color:#aaa2b7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-history-row>span{font-size:9px;font-weight:900;color:#9f97ad;text-transform:uppercase;letter-spacing:.4px}.contact-settings .kd-options-inside{display:grid;gap:8px}.contact-settings .btn{width:100%}

/* Inputs/selects/detail boxes must never fall back to white */
select,input,textarea,.idea-select,.participant-select{color-scheme:dark}
.optional,.participants-box,.consequence-field,.send-card,.share-message-preview,.privacy-summary,.privacy-card,.danger-zone,.install-hint,.connect-method,.connect-generated,.contact-card,.direct-send-panel,.direct-send-card{background-color:#171b27!important}


/* V5.3.6 – acceso fiable al historial de contacto */
.contact-card{gap:8px}
.contact-open-main{min-width:0;flex:1;display:flex;align-items:center;gap:10px;border:0;background:transparent!important;color:inherit!important;text-align:left;padding:0;cursor:pointer}
.contact-open-main .contact-avatar{flex:0 0 38px}
.contact-open-main .contact-main{min-width:0}
.contact-view-kds{flex:0 0 auto;color:#c8b5ff;font-size:11px;font-weight:900;white-space:nowrap;padding:7px 9px;border-radius:999px;background:#29223e}
.contact-open-main:active .contact-view-kds{background:#3b2c61}


/* V5.3.6 — navegación robusta, home compacta y tarjeta protagonista */
.navbar .nav{display:block;text-decoration:none;text-align:center;border:0;background:transparent;padding:7px 4px}
.home-archive-link{display:block;margin:10px 4px 2px;color:#bca8ff;text-decoration:none;font-size:12px;font-weight:800}
.home-archive-link:active{opacity:.72}
.contact-card-history{display:block!important;padding:12px!important}
.contact-card-top{display:flex;align-items:center;gap:9px;min-width:0}
.contact-card-top .contact-main{min-width:0;flex:1}
.contact-card-top>button{border:0;background:#202536;color:#fff;border-radius:10px;width:34px;height:34px;flex:0 0 34px}
.contact-history-link{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px;padding:11px 12px;border-radius:14px;background:linear-gradient(135deg,#302653,#242b46);border:1px solid rgba(255,255,255,.07);color:#efe8ff;text-decoration:none;font-size:12px;font-weight:900}
.contact-history-link:active{transform:scale(.99);background:#3b2d63}
.contact-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.contact-tabs a{display:block;text-align:center;text-decoration:none;padding:10px 8px;border-radius:999px;background:#202536;color:#a9a1b7;font-size:12px;font-weight:850;border:1px solid rgba(255,255,255,.06)}
.contact-tabs a.on{background:linear-gradient(135deg,#7040f6,#ae43ef);color:#fff;border-color:transparent}
.compact-receiver-hero{padding:12px 14px!important;margin-bottom:10px!important;border-radius:18px!important}
.receiver-hero-line{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.compact-receiver-hero .receiver-pill{font-size:11px!important;padding:6px 9px!important;margin:0!important;max-width:100%}
.compact-receiver-hero .receiver-hero-line>b{font-size:14px;color:#f5efff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-receiver-hero p{font-size:12px!important;line-height:1.3!important;margin:6px 0 0!important;color:#bdb5c9!important}
.app-direct-shell .preview,.accept-shell .preview{min-height:270px!important;padding:26px!important;border-radius:28px!important}
.app-direct-shell .preview .words,.accept-shell .preview .words{font-size:22px!important;line-height:1.16!important;font-weight:850!important}
.app-direct-shell .preview .type,.accept-shell .preview .type{font-size:12px!important}
.app-direct-shell .preview .meta,.accept-shell .preview .meta{margin-top:28px!important}
.sent-wait-note{font-size:13px!important;padding:14px 15px!important;background:linear-gradient(135deg,#1d2332,#181b27)!important}


/* V5.3.7 refinements */
.contact-avatar,.contact-badge,.sender-avatar,.contact-hero-avatar{position:relative;overflow:hidden}
.contact-avatar .avatar-initial,.contact-badge .avatar-initial,.sender-avatar .avatar-initial,.contact-hero-avatar .avatar-initial{position:relative;z-index:1;letter-spacing:.04em}
.contact-avatar .avatar-spark,.contact-badge .avatar-spark,.sender-avatar .avatar-spark,.contact-hero-avatar .avatar-spark{position:absolute;right:6px;bottom:5px;font-size:10px;color:#ffe57b;z-index:2;text-shadow:0 0 10px rgba(255,229,123,.35)}
.contact-hero-avatar .avatar-spark{right:10px;bottom:8px;font-size:15px}
.sender-avatar .avatar-spark{right:8px;bottom:7px;font-size:12px}
.direct-send-head>span{background:linear-gradient(145deg,#6f45ff,#d34aea)!important;color:#fff!important;font-weight:900}
.direct-arrived>span{background:linear-gradient(145deg,#5e34e8,#d34aea)!important;color:#fff!important;border-radius:14px;display:grid;place-items:center;width:42px;height:42px;box-shadow:0 8px 20px rgba(100,60,220,.32)}
.blocked-section{margin-top:14px}.blocked-list{display:grid;gap:9px}.blocked-row{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#25213c,#181d2b);border-radius:18px;padding:12px}.blocked-main{display:flex;flex-direction:column;flex:1}.blocked-main b{font-size:14px}.blocked-main small{font-size:10px;color:#aaa2b8}.blocked-avatar{width:40px;height:40px;border-radius:14px}.blocked-row .btn{width:auto;padding:9px 12px;font-size:11px}

/* V5.3.8 — diálogos propios + estados claros */
.kd-toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-18px);width:min(420px,calc(100% - 32px));z-index:10020;display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:18px;background:rgba(25,29,42,.96);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 46px rgba(0,0,0,.40);color:#f6f2ff;font-size:13px;font-weight:700;line-height:1.4;opacity:0;transition:.22s ease;backdrop-filter:blur(18px)}
.kd-toast.show{opacity:1;transform:translate(-50%,0)}
.kd-toast>span{width:28px;height:28px;flex:0 0 28px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#7547fb,#d346ef);color:#fff;font-weight:900}.kd-toast.error>span{background:#53202b;color:#ffb0bf}.kd-toast.success>span{background:#153d31;color:#7ef0d1}
.kd-modal-backdrop{position:fixed;inset:0;z-index:10010;display:grid;place-items:end center;padding:20px 16px max(24px,env(safe-area-inset-bottom));background:rgba(5,7,13,.68);backdrop-filter:blur(9px)}
.kd-modal-card{width:min(440px,100%);background:linear-gradient(180deg,#1d2130,#131720);border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:20px;box-shadow:0 28px 70px rgba(0,0,0,.55);color:#f6f2ff;animation:kdSheetIn .2s ease-out}
@keyframes kdSheetIn{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
.kd-modal-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin-bottom:13px;background:linear-gradient(145deg,#7044f5,#d346ef);font-size:22px;font-weight:900;box-shadow:0 10px 24px rgba(111,55,237,.25)}
.kd-modal-card h3{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:23px;line-height:1.08;margin:0 0 8px}.kd-modal-card p{margin:0 0 16px;color:#bdb5ca;font-size:13px;line-height:1.5}
.kd-modal-input{width:100%;border:1px solid rgba(255,255,255,.09);background:#0f131d;color:#fff;border-radius:16px;padding:13px 14px;margin:2px 0 16px;outline:none;font-family:"Plus Jakarta Sans",sans-serif;font-size:14px}.kd-modal-input:focus{border-color:#8e61ff;box-shadow:0 0 0 4px rgba(123,69,255,.14)}.kd-modal-textarea{min-height:120px;resize:vertical}
.kd-modal-actions{display:grid;gap:9px}.kd-modal-btn{width:100%;border:1px solid rgba(255,255,255,.08);background:#24293a;color:#f0eafd;border-radius:16px;padding:13px 14px;font-weight:850;font-size:13px}.kd-modal-btn.primary{background:linear-gradient(135deg,#7547fb,#a53ef1 55%,#ed459e);border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(111,55,237,.22)}.kd-modal-btn.danger{background:#321a23;color:#ff9fb2;border-color:rgba(255,126,155,.18)}
.status.active{background:#25314e!important;color:#c8d5ff!important}.has-unread .status.unread-response{background:linear-gradient(135deg,#713dff,#d13fdc)!important;color:#fff!important}


/* V5.3.10 — contacto protagonista en detalle */
.sender-pill-creator{padding:16px!important;gap:14px!important}
.sender-pill-creator .sender-avatar{width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:18px!important;font-size:24px!important}
.sender-pill-creator .sender-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.sender-pill-creator .sender-copy small{font-size:10px!important;line-height:1!important;letter-spacing:1.35px!important;color:#aaa2b8!important;font-weight:900!important}
.sender-pill-creator .sender-copy strong{display:block;max-width:100%;font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:26px!important;line-height:1.02!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sender-pill-creator .sender-copy span{font-size:11px!important;line-height:1.25!important;color:#c4bbd1!important;font-weight:700!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}


/* V5.3.11 — Inicio simplificado + fechas en historial */
.activity-title{margin-top:26px!important}
.activity-list{display:grid;gap:10px;margin:8px 0 24px}
.activity-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#1c2130,#171b27);color:#f5f1fb;box-shadow:0 10px 24px rgba(0,0,0,.13)}
.activity-row.fresh{border-color:rgba(147,91,255,.36);box-shadow:0 10px 26px rgba(101,53,204,.12)}
.activity-icon{width:44px;height:44px;flex:0 0 44px;border-radius:15px;display:grid;place-items:center;background:#29233f;font-size:22px;position:relative;overflow:hidden}
.activity-main{display:flex;flex-direction:column;min-width:0;flex:1}.activity-main b{font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-main small{margin-top:4px;color:#aaa2b8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-status{flex:0 0 auto;max-width:112px;padding:7px 10px;border-radius:999px;background:#263253;color:#d6d9ec;font-size:10px;font-weight:900;text-align:center}.activity-status.new{background:linear-gradient(135deg,#7839eb,#b738ed);color:#fff}
.activity-empty{margin-bottom:22px}
.contact-history-row.dated{align-items:flex-start}.contact-history-row.dated>.history-direction{margin-top:2px}.history-main .history-date,.history-main .history-response-date{display:block;margin-top:5px;font-size:10px;line-height:1.25;color:#928ba2!important}.history-main .history-response-date{margin-top:2px;color:#c7b5ff!important;font-weight:800}
@media(max-width:420px){.activity-status{max-width:96px;padding:7px 8px}.activity-main b{font-size:14px}.activity-main small{font-size:10px}}


/* V5.3.12 — contadores de Inicio navegables */
.stat{font-family:inherit;color:inherit;width:100%;appearance:none;-webkit-appearance:none;position:relative;cursor:default}
.stat.is-clickable{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.stat.is-clickable:active{transform:scale(.97)}
.stat.is-clickable{border-color:rgba(154,112,255,.18)}
.stat:disabled{opacity:.68}
.stat small{display:block;margin-top:8px;font-size:9px;font-weight:900;color:#bda8ff;letter-spacing:.03em}
.stat-filter-head{margin-top:4px;margin-bottom:14px}
.stat-filter-head>div{min-width:0}
.stat-filter-head small{display:block;color:#aaa2b8;font-size:10px;font-weight:800;margin-bottom:2px}
.stat-filter-head h2{margin:0}

/* V5.4.0 — Toc-toc + personalidad + rendimiento visual */
.owner-kd-title strong,.how-owner-state strong{color:#ffd84d;font-weight:900}

/* Toc-toc: mascota oficial KedaDicho */
.toc-companion{display:flex;align-items:center;gap:12px;margin:4px 0 16px;padding:12px 13px;border-radius:20px;background:linear-gradient(135deg,rgba(104,65,232,.17),rgba(224,65,214,.10));border:1px solid rgba(177,126,255,.16)}
.toc-companion.compact{padding:10px 11px;margin:0 0 13px;border-radius:18px}
.toc-copy{min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.toc-copy b{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:13px;color:#ffd84d}.toc-copy span{font-size:11px;line-height:1.35;color:#c8c0d2}
.toc-face{width:58px;height:54px;flex:0 0 58px;display:block;position:relative;border-radius:48% 48% 43% 43%;background:linear-gradient(145deg,#7547fb 5%,#9f45f2 55%,#eb489d);box-shadow:inset 0 2px 0 rgba(255,255,255,.26),0 9px 20px rgba(84,43,176,.25);transform-origin:50% 80%}
.toc-face:before{content:"";position:absolute;inset:6px 7px 8px;border-radius:46%;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.17),transparent 28%)}
.toc-ear{position:absolute;top:2px;width:15px;height:17px;background:#7846ee;z-index:-1}.toc-ear.left{left:5px;border-radius:12px 3px 10px 3px;transform:rotate(-24deg)}.toc-ear.right{right:5px;border-radius:3px 12px 3px 10px;transform:rotate(24deg)}
.toc-eye{position:absolute;top:17px;width:14px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 0 rgba(0,0,0,.08)}.toc-eye.left{left:14px}.toc-eye.right{right:14px}.toc-eye b{position:absolute;width:6px;height:7px;border-radius:50%;background:#241a35;left:5px;top:6px;transition:.2s ease}
.toc-mouth{position:absolute;left:50%;top:37px;width:20px;height:8px;transform:translateX(-50%);border-bottom:3px solid #2a1736;border-radius:0 0 18px 18px}
.toc-arm{position:absolute;top:31px;width:18px;height:6px;border-radius:999px;background:#9b45ed;z-index:-1}.toc-arm.left{left:-10px;transform:rotate(18deg)}.toc-arm.right{right:-10px;transform:rotate(-18deg)}
.toc-star{position:absolute;right:-2px;top:-5px;font-style:normal;font-size:12px;color:#ffe27a;text-shadow:0 0 10px rgba(255,226,122,.45)}
.toc-face.happy .toc-eye{height:11px;top:20px;background:transparent;border-top:3px solid #fff;border-radius:50%}.toc-face.happy .toc-eye b{display:none}.toc-face.happy .toc-mouth{width:24px;height:12px;top:35px;border-bottom-width:4px}.toc-face.happy{animation:tocHappy .72s cubic-bezier(.2,.9,.25,1.2)}
.toc-face.sad{transform:rotate(-3deg);filter:saturate(.84)}.toc-face.sad .toc-eye b{top:8px}.toc-face.sad .toc-mouth{top:41px;border-bottom:0;border-top:3px solid #2a1736;border-radius:18px 18px 0 0}.toc-face.sad .toc-star{opacity:.3}.toc-face.sad .toc-arm.right{transform:rotate(22deg)}
.toc-face.thinking{transform:rotate(5deg)}.toc-face.thinking .toc-eye.left b{left:7px}.toc-face.thinking .toc-eye.right b{left:2px}.toc-face.thinking .toc-mouth{width:11px;height:4px;top:40px;border:0;background:#2a1736;border-radius:999px;transform:translateX(-35%) rotate(-6deg)}.toc-face.thinking .toc-star{content:"?";font-size:15px}
.toc-face.waiting .toc-eye b{top:7px}.toc-face.waiting .toc-mouth{width:14px;height:3px;top:41px;border:0;background:#2a1736;border-radius:999px}.toc-face.waiting{animation:tocWait 2.4s ease-in-out infinite}
@keyframes tocHappy{0%{transform:scale(.82) rotate(-5deg)}55%{transform:scale(1.1) rotate(4deg)}100%{transform:scale(1)}}
@keyframes tocWait{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}

.hero-toc{position:absolute;right:15px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:2;filter:drop-shadow(0 8px 14px rgba(28,10,68,.18))}.hero-toc .toc-face{width:51px;height:48px;flex-basis:51px}.hero-toc small{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:9px;font-weight:900;color:#fff;opacity:.92}.hero-v23 .hero-toc{opacity:.96}
.hero-v23 .hero-cta,.hero-v23 .hero-link{position:relative;z-index:3}

/* Toc-toc tocando el cristal */
.kd-tapper{position:fixed;right:7px;top:27%;z-index:9999;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:0;filter:drop-shadow(0 12px 20px rgba(0,0,0,.26));animation:kdTapIn .38s cubic-bezier(.2,.9,.25,1.2) both}
.kd-tapper-character{position:relative;display:block}.kd-tapper-character .toc-face{width:62px;height:58px;flex-basis:62px;animation:kdPeek 1.1s ease-in-out 2}.kd-knock{position:absolute;left:-13px;top:20px;font-style:normal;font-size:28px;color:#ffd84d;font-weight:900;animation:kdKnock .28s ease-in-out 4;transform-origin:right center}
.kd-tapper-bubble{background:#171b27;color:#fff;border:1px solid rgba(255,255,255,.09);border-radius:18px 6px 18px 18px;padding:10px 13px;text-align:left;min-width:140px;box-shadow:0 12px 28px rgba(0,0,0,.24)}.kd-tapper-bubble b,.kd-tapper-bubble small{display:block}.kd-tapper-bubble b{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:14px;color:#ffd84d}.kd-tapper-bubble small{font-size:11px;opacity:.9;margin-top:2px}
@keyframes kdKnock{0%,100%{transform:translateX(0) rotate(-12deg)}50%{transform:translateX(-6px) rotate(5deg)}}

.toc-empty{padding:12px!important}.toc-empty .toc-companion{margin:0;background:transparent;border:0;justify-content:center}.toc-empty .toc-copy span{max-width:260px}
.activity-empty{margin:8px 0 22px}

/* Resultado + microanimaciones */
.preview{animation:kdCardPop .25s cubic-bezier(.2,.8,.3,1) both}
@keyframes kdCardPop{from{opacity:.72;transform:translateY(7px) scale(.992)}to{opacity:1;transform:none}}
.accepted-result .result-icon,.receiver-celebrate .hands{display:inline-block;animation:handsMeet .58s cubic-bezier(.2,.95,.25,1.2) both}
@keyframes handsMeet{0%{transform:scale(.55) rotate(-8deg);opacity:.4}65%{transform:scale(1.14) rotate(3deg)}100%{transform:scale(1);opacity:1}}
.kdicho-result .toc-companion,.receiver-final .toc-companion,.receiver-celebrate .toc-companion,.direct-receiver-hero .toc-companion{max-width:100%}

/* Un poco de vida en las tarjetas, sin convertirlas en un juguete */
.preview:after,.theme-card:after{will-change:transform;animation:themeFloat 7s ease-in-out infinite alternate}
.preview.neon:after{animation-duration:5.6s}.preview.role:after{animation-duration:7.8s}.preview.bold:after{animation-duration:6.8s}
@keyframes themeFloat{from{transform:translate3d(0,0,0) rotate(-1deg)}to{transform:translate3d(-4px,-3px,0) rotate(1deg)}}

.how-owner-state,.how-toc{margin:15px 0;padding:16px;border-radius:21px;background:linear-gradient(135deg,#1d2231,#171b27);border:1px solid rgba(255,255,255,.08)}.how-owner-state h3{font-family:"Syne","Plus Jakarta Sans",sans-serif;margin:0 0 7px;font-size:17px}.how-owner-state p{margin:0;color:#beb5ca;font-size:12px;line-height:1.48}.how-toc .toc-companion{margin:0;border:0;background:transparent;padding:2px}

/* Feedback táctil visual */
.activity-row,.pact-row,.contact-history-row,.contact-history-link,.stat.is-clickable{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.activity-row:active,.pact-row:active,.contact-history-row:active{transform:scale(.985)}

@media(max-width:390px){.hero-toc{right:10px;bottom:13px}.hero-toc .toc-face{width:46px;height:44px;flex-basis:46px}.toc-copy span{font-size:10.5px}.kd-tapper-bubble{min-width:126px}.kd-tapper-character .toc-face{width:56px;height:52px;flex-basis:56px}}
@media(prefers-reduced-motion:reduce){.toc-face,.preview,.preview:after,.theme-card:after,.accepted-result .result-icon,.receiver-celebrate .hands,.kd-tapper-character .toc-face,.kd-knock{animation:none!important;transition:none!important}}


/* V5.4.2 — grupos, muchos contactos y limpieza de historial */
.direct-contact-search{display:flex;align-items:center;gap:9px;margin:14px 0 8px;padding:10px 12px;border-radius:15px;background:#181d2b;border:1px solid rgba(255,255,255,.08)}
.direct-contact-search span{font-size:18px;color:#bda7ff}.direct-contact-search input{flex:1;border:0;outline:0;background:transparent;color:#fff;font:700 13px "Plus Jakarta Sans",sans-serif;min-width:0}.direct-contact-search input::placeholder{color:#8f889a}
.direct-contact-list.scrollable{max-height:310px;overflow:auto;padding-right:3px;overscroll-behavior:contain}.direct-contact-list.scrollable::-webkit-scrollbar{width:5px}.direct-contact-list.scrollable::-webkit-scrollbar-thumb{background:#3c3554;border-radius:10px}
.direct-contact-select{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);background:#202536;border-radius:17px;cursor:pointer}.direct-contact-select input{position:absolute;opacity:0;pointer-events:none}.direct-contact-select>div{display:flex;flex-direction:column;flex:1;min-width:0}.direct-contact-select b{font-size:14px}.direct-contact-select small{font-size:10px;color:#aaa2b8}.direct-contact-select i{font-style:normal;font-size:11px;font-weight:900;color:#cbb5ff}.direct-contact-select:has(input:checked){border-color:#a16cff;box-shadow:inset 0 0 0 1px rgba(161,108,255,.45);background:#28213d}.direct-contact-select.sent{opacity:.65}.direct-select-avatar{position:relative;width:36px;height:36px;flex:0 0 36px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#5734a2,#252d51);color:#fff;font-weight:900;overflow:hidden}
.direct-group-sendbar{position:sticky;bottom:0;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.direct-group-sendbar small{flex:1;color:#aaa2b8;font-size:10px;line-height:1.35}.direct-group-sendbar .btn{width:auto;min-width:170px;padding:11px 14px;font-size:12px}.direct-group-sendbar .btn:disabled{opacity:.45}
.contact-history-tools{display:flex;justify-content:flex-end;gap:8px;margin:-2px 2px 10px}.history-select-btn,.history-restore-btn{border:1px solid rgba(255,255,255,.08);background:#1b2030;color:#cfc7dc;border-radius:12px;padding:8px 11px;font-size:11px;font-weight:900}.history-select-btn.on{background:#332553;color:#fff;border-color:#7e55d8}.history-restore-btn{color:#bca8ff}
.history-bulkbar{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border-radius:15px;background:#201b31;border:1px solid rgba(157,102,255,.28)}.history-bulkbar>span{flex:1;font-size:11px;font-weight:900;color:#eee8ff}.history-bulkbar .btn{width:auto;padding:8px 10px;font-size:10px}.history-bulkbar .btn:disabled{opacity:.45}
.contact-history.selecting .contact-history-row{cursor:pointer}.contact-history-row.selected{border-color:#9c63ff!important;background:linear-gradient(135deg,#2a2140,#1b2130)!important}.history-check{width:34px;height:34px;flex:0 0 34px;border-radius:12px;border:2px solid #5d5570;display:grid;place-items:center;color:#fff;font-weight:1000;background:#171b28}.contact-history-row.selected .history-check{background:linear-gradient(145deg,#7b4cff,#d146ed);border-color:transparent}
@media (max-width:520px){.direct-group-sendbar{align-items:stretch;flex-direction:column}.direct-group-sendbar .btn{width:100%}.direct-contact-list.scrollable{max-height:280px}}

/* V5.4.3 — selección múltiple en KDs + Toc-toc interactivo */
.pacts-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.pacts-title-row .section-title{margin-bottom:0;flex:1}
.pacts-select-btn{border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,#272c3c,#1d2230);color:#e9e2f5;border-radius:13px;padding:9px 12px;font-family:"Plus Jakarta Sans",sans-serif;font-size:11px;font-weight:800;white-space:nowrap}
.pacts-select-btn:active{transform:scale(.97)}
.pacts-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 16px;padding:10px 11px;border-radius:17px;background:linear-gradient(135deg,#241f35,#1a1f2c);border:1px solid rgba(180,117,255,.18)}
.pacts-bulkbar>span{font-size:12px;color:#d8cfdf}.pacts-bulkbar>span b{color:#ffd84d;font-size:15px}
.pacts-bulkbar>div{display:flex;gap:7px}.pacts-bulkbar .btn{width:auto;margin:0;padding:9px 11px;font-size:10.5px;border-radius:12px}
.grouped-activity-list.selecting .activity-row{cursor:pointer}
.activity-row.selected{border-color:rgba(173,104,255,.6)!important;background:linear-gradient(135deg,#2d2146,#1d2434)!important;box-shadow:0 10px 25px rgba(112,61,212,.18)!important}
.pacts-check{width:37px;height:37px;flex:0 0 37px;border-radius:13px;display:grid;place-items:center;border:2px solid rgba(221,206,244,.38);background:#181d29;color:#fff;font-size:18px;font-weight:1000}
.activity-row.selected .pacts-check{border-color:#b46cff;background:linear-gradient(145deg,#7746f4,#d147e9);box-shadow:0 7px 16px rgba(118,66,235,.25)}

.hero-toc{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none}
.hero-toc:focus-visible{outline:2px solid rgba(255,216,77,.9);outline-offset:4px;border-radius:18px}
.hero-toc.toc-react-blink .toc-eye{transform-origin:center;animation:tocTapBlink .58s ease both}
.hero-toc.toc-react-bounce .toc-face{animation:tocTapBounce .65s cubic-bezier(.2,.9,.25,1.2) both}
.hero-toc.toc-react-wave .toc-arm.right{z-index:2;animation:tocTapWave .62s ease-in-out both;transform-origin:left center}
.hero-toc.toc-react-wave .toc-star{animation:tocTapStar .62s ease both}
.hero-toc.toc-react-blink small,.hero-toc.toc-react-bounce small,.hero-toc.toc-react-wave small{color:#ffd84d}
@keyframes tocTapBlink{0%,28%,68%,100%{transform:scaleY(1)}42%,54%{transform:scaleY(.08)}}
@keyframes tocTapBounce{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-9px) rotate(-5deg)}65%{transform:translateY(1px) rotate(4deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes tocTapWave{0%,100%{transform:rotate(-18deg)}25%{transform:rotate(-72deg)}50%{transform:rotate(-20deg)}75%{transform:rotate(-62deg)}}
@keyframes tocTapStar{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.35) rotate(90deg)}}
@media(max-width:390px){.pacts-bulkbar{align-items:flex-start;flex-direction:column}.pacts-bulkbar>div{width:100%}.pacts-bulkbar .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.hero-toc.toc-react-blink .toc-eye,.hero-toc.toc-react-bounce .toc-face,.hero-toc.toc-react-wave .toc-arm.right,.hero-toc.toc-react-wave .toc-star{animation:none!important}}
\n\n/* V5.4.4 — contraste final de estados de grupo */
.group-progress-head span{
  background:#23283a!important;
  color:#eee8f7!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.group-check{
  background:#1d2230!important;
  color:#f7f3ff!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.group-check.done{background:#1d2230!important}
.group-check b{color:#fff!important;font-weight:850!important}
.group-check.accepted{
  background:linear-gradient(135deg,#17352d,#1d2c2b)!important;
  border-color:rgba(80,218,167,.25)!important;
}
.group-check.rejected{
  background:linear-gradient(135deg,#3a1d29,#2c1d27)!important;
  border-color:rgba(255,111,139,.24)!important;
}
.group-check.pending{
  background:linear-gradient(135deg,#25293a,#1d2230)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.group-progress.compact .group-check{min-height:42px}
.group-progress.compact .group-check b{font-size:11px}
.group-my-response{background:linear-gradient(135deg,#1c2830,#17231f)!important}
.group-outcome-highlight,.group-outcome-highlight.accepted,.group-outcome-highlight.partial,.group-outcome-highlight.rejected,.group-outcome-highlight.cancelled{color:#f6f2ff!important;border-color:rgba(255,255,255,.08)!important}
.group-outcome-copy p,.group-outcome-stats span{color:#f6f2ff!important}

/* V5.5 — retirar vs quitar de mi vista */
.status.withdrawn,.activity-status.withdrawn{background:#3a3248!important;color:#f0dfff!important;border-color:rgba(225,190,255,.18)!important}
.state-line.withdrawn{background:rgba(64,48,82,.72)!important;color:#f2e3ff!important;border:1px solid rgba(225,190,255,.18)!important}
.withdrawn-final,.withdrawn-result{border:1px solid rgba(205,173,255,.16)!important;background:linear-gradient(145deg,#242032,#191c28)!important}
.withdrawn-final .result-icon,.withdrawn-result .result-icon{background:#352b49!important;color:#e6cfff!important}
.kd-option-separator{height:1px;background:rgba(255,255,255,.08);margin:16px 0}
.withdraw-kd-btn{border-color:rgba(255,150,150,.18)!important}


/* V5.5.1 — cambios propuestos visibles como acción pendiente */
.pending-changes-panel{margin:18px 0 7px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#322447,#201c32 58%,#2a2037);border:1px solid rgba(255,216,77,.24);box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}
.pending-changes-head{display:flex;align-items:center;gap:12px}.pending-changes-toc{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;overflow:hidden}.pending-changes-toc .toc-toc-face{transform:scale(.7);transform-origin:center}.pending-changes-head>div:nth-child(2){min-width:0;flex:1}.pending-changes-head small{display:block;color:#ffd84d;font-size:9px;font-weight:1000;letter-spacing:.12em}.pending-changes-head b{display:block;color:#fff;font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:17px;line-height:1.08;margin-top:2px}.pending-changes-head span{display:block;color:#c9c0d4;font-size:10px;line-height:1.35;margin-top:4px}.pending-changes-head em{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#ffd84d;color:#241d30;font-size:13px;font-weight:1000}
.pending-changes-list{display:grid;gap:8px;margin-top:12px}.pending-changes-list>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid rgba(255,255,255,.07);background:rgba(14,16,24,.48);border-radius:16px;padding:11px 12px;color:#fff}.pending-changes-list>button>div{min-width:0;flex:1}.pending-changes-list b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-changes-list small{display:block;color:#d8cfdf;font-size:10px;line-height:1.35;margin-top:3px}.pending-changes-list span{display:block;color:#a99db7;font-size:9px;margin-top:4px}.pending-changes-list i{font-style:normal;color:#ffd84d;font-size:10px;font-weight:1000;white-space:nowrap}.pending-changes-more{width:100%;border:0;background:transparent;color:#ffd84d;font-size:11px;font-weight:900;padding:11px 4px 2px}

/* V5.5.2 - extracto en Actividad reciente y protección de ancho */
.activity-title + .activity-list{max-width:100%;min-width:0;overflow:hidden}
.activity-title + .activity-list .activity-row{max-width:100%;min-width:0;overflow:hidden}
.activity-title + .activity-list .activity-main{min-width:0;max-width:100%;overflow:hidden}
.activity-title + .activity-list .activity-main b{white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word}
.activity-title + .activity-list .activity-main small{max-width:100%;overflow:hidden;text-overflow:ellipsis}


/* V5.5.3 — Contactos compactos */
.contact-cards.compact{gap:8px!important}
.contact-card-compact{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 9px!important;min-height:64px!important}
.contact-open-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:inherit;text-decoration:none;padding:4px 2px;border-radius:14px}
.contact-open-main:active{background:rgba(255,255,255,.035)}
.contact-card-compact .contact-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:14px}
.contact-card-compact .contact-main{min-width:0;flex:1}
.contact-card-compact .contact-main b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-card-compact .contact-main small{font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-chevron{font-size:29px;line-height:1;color:#bca9ff;font-weight:500;margin-left:2px}
.contact-actions{display:flex;gap:6px;flex:0 0 auto}
.contact-actions button{border:0;background:#202536;color:#fff;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:16px}
.contact-actions .contact-menu{font-size:21px!important}
.profile-contact-search{display:flex;align-items:center;gap:9px;margin:10px 0 9px;padding:10px 13px;border-radius:16px;background:#171c29;border:1px solid rgba(255,255,255,.08)}
.profile-contact-search>span{font-size:19px;color:#aa96e9}
.profile-contact-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f4efff;font:inherit;font-size:13px}
.profile-contact-search input::placeholder{color:#888194}
.profile-contact-card[hidden]{display:none!important}
@media (max-width:390px){.contact-actions button{width:35px;height:35px}.contact-card-compact{padding-left:8px!important;padding-right:8px!important}.contact-card-compact .contact-avatar{width:39px;height:39px;flex-basis:39px}}

/* V5.5.5 — Actividad reciente más clara */
.activity-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:-2px 0 11px;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(25,29,43,.75)}
.activity-tabs button{min-width:0;border:0;border-radius:12px;background:transparent;color:#a9a2b7;padding:9px 8px;font:800 11px "Plus Jakarta Sans",sans-serif}
.activity-tabs button.on{background:linear-gradient(135deg,#6636dc,#ae3be4);color:#fff;box-shadow:0 7px 18px rgba(101,54,218,.22)}
.activity-direction{font-weight:800!important;letter-spacing:.015em}
.activity-direction.direction-in{color:#c9b5ff!important}.activity-direction.direction-out{color:#94e6cf!important}

/* V5.5.6 — detalle de KD pendiente más limpio */
.waiting-result.waiting-compact{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 15px!important;
  min-height:0!important;
  margin-bottom:14px!important;
  border-radius:22px!important;
}
.waiting-compact .waiting-compact-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg,#2b2544,#1d2232);
  font-size:23px;
}
.waiting-compact .toc-toc-inline,
.waiting-compact .toc-card,
.waiting-compact .toc-toc{
  flex:1;
  margin:0!important;
}
.waiting-compact .toc-card{
  padding:10px 12px!important;
}
.waiting-compact .toc-character,
.waiting-compact .toc-face{
  transform:scale(.88);
  transform-origin:center;
}
.waiting-detail .section-title{
  margin-top:12px!important;
  margin-bottom:10px!important;
}
.waiting-detail .preview{
  width:calc(100% + 10px);
  margin-left:-5px;
  margin-right:-5px;
  box-shadow:0 18px 34px rgba(0,0,0,.28);
}
.waiting-detail .share-again-btn{
  font-size:12px!important;
}
@media (max-width:520px){
  .waiting-result.waiting-compact{gap:9px!important;padding:12px!important}
  .waiting-compact .waiting-compact-icon{width:38px;height:38px;flex-basis:38px;font-size:20px}
  .waiting-detail .preview{width:100%;margin-left:0;margin-right:0}
}


/* V5.6 — accesibilidad, consistencia y navegación propia */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a{touch-action:manipulation}
.nav i{height:23px;display:grid;place-items:center;margin-bottom:3px}
.nav i svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav:focus-visible,.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #ffd84d;outline-offset:2px}
.contact-main small,.history-main small,.blocked-main small,.direct-contact-btn small,.direct-contact-select small{font-size:11px!important;line-height:1.3}
.history-main .history-date,.history-main .history-response-date{font-size:11px!important}
.activity-main small{font-size:11px;line-height:1.35}
@media (min-width:421px){.activity-status{font-size:11px}.stat small{font-size:10px}.pending-changes-head small{font-size:10px}.pending-changes-head span{font-size:11px}}


/* V5.6.1 — activity responsive hardening */
.activity-row{min-width:0;max-width:100%;overflow:hidden}
.activity-row>*{min-width:0}
.activity-main{min-width:0;overflow:hidden}
.activity-status{flex:0 0 auto}
.activity-direction{display:block!important;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;margin:4px 0 0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:560px){
  .activity-list,.grouped-activity-list{max-width:100%;overflow:hidden}
  .activity-row{gap:10px;padding:12px 11px}
  .activity-icon{flex:0 0 auto}
  .activity-main b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%;font-size:14px;line-height:1.25}
  .activity-main small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%;font-size:10px}
  .activity-status{max-width:88px;white-space:normal;line-height:1.1;text-align:center;padding:7px 8px;font-size:10px}
  .activity-tabs{max-width:100%}
}

/* V5.7 — personalidad social ligera, recuerdos y onboarding */
.toc-face.wink .toc-eye.left{height:3px;top:25px;background:#fff;border-radius:999px}.toc-face.wink .toc-eye.left b{display:none}.toc-face.wink .toc-mouth{width:19px;height:10px;top:36px;border-bottom-width:3px;transform:translateX(-50%) rotate(-5deg)}
.toc-face.party{animation:tocParty .7s cubic-bezier(.2,.9,.25,1.2)}.toc-face.party .toc-eye{height:10px;top:20px;background:transparent;border-top:3px solid #fff;border-radius:50%}.toc-face.party .toc-eye b{display:none}.toc-face.party .toc-mouth{width:25px;height:13px;top:34px;border-bottom-width:4px}.toc-face.party .toc-star{color:#ffe45f;font-size:16px;animation:tocStarParty .6s ease-in-out infinite alternate}
.toc-face.shy .toc-eye b{top:7px}.toc-face.shy .toc-mouth{width:16px;height:8px;top:38px;border-bottom-width:3px}.toc-face.shy:after{content:"";position:absolute;left:8px;right:8px;top:31px;height:7px;background:radial-gradient(circle at 10% 50%,rgba(255,159,191,.9) 0 4px,transparent 5px),radial-gradient(circle at 90% 50%,rgba(255,159,191,.9) 0 4px,transparent 5px)}
@keyframes tocParty{0%{transform:scale(.94) rotate(-4deg)}55%{transform:scale(1.12) rotate(5deg)}100%{transform:scale(1)}}@keyframes tocStarParty{to{transform:scale(1.25) rotate(12deg)}}

.onboarding-backdrop{position:fixed;inset:0;z-index:10030;background:rgba(6,8,14,.82);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px}.onboarding-card{width:min(390px,100%);text-align:center;background:radial-gradient(circle at 50% 0,#3c2167 0,#1e2030 45%,#12151e 100%);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:28px 22px 20px;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.55)}.onboarding-card>.toc-face{width:90px;height:84px;display:inline-block;flex-basis:90px;margin-bottom:15px}.onboarding-card>small{display:block;color:#ffd84d;font-size:10px;font-weight:1000;letter-spacing:.16em}.onboarding-card h2{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:28px;line-height:1.02;margin:9px auto 10px;max-width:310px}.onboarding-card p{color:#ccc4d8;font-size:13px;line-height:1.5;margin:0 auto 20px;max-width:300px}.onboarding-card .btn{margin-top:2px}.onboarding-skip{border:0;background:transparent;color:#aaa1b8;font-weight:800;padding:14px;margin-top:4px}

.starter-title{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;color:#aaa2b8;margin:4px 2px 9px}.special-starters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.starter-card{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,#23283a,#191d2a);padding:12px;display:flex;align-items:center;gap:9px;text-align:left;color:#fff}.starter-card>span{width:37px;height:37px;flex:0 0 37px;border-radius:13px;display:grid;place-items:center;font-size:19px}.starter-card.group>span{background:linear-gradient(145deg,#2d6a68,#273457)}.starter-card.bold>span{background:linear-gradient(145deg,#8b285f,#5b2a72)}.starter-card>div{min-width:0;flex:1}.starter-card b,.starter-card small{display:block}.starter-card b{font-size:13px}.starter-card small{font-size:9.5px;line-height:1.25;color:#aaa2b8;margin-top:2px}.starter-card i{font-style:normal;color:#d8c6ff;font-weight:1000}

.toc-reactions{margin:14px 0 18px;padding:14px;border-radius:22px;background:linear-gradient(145deg,#211d30,#171b27);border:1px solid rgba(255,255,255,.08)}.toc-reaction-head{display:flex;align-items:center;gap:11px}.toc-reaction-head .toc-face{width:46px;height:43px;flex-basis:46px}.toc-reaction-head>div{min-width:0}.toc-reaction-head b,.toc-reaction-head small{display:block}.toc-reaction-head b{font-size:13px;color:#fff}.toc-reaction-head small{font-size:9.5px;color:#aaa2b8;margin-top:2px}.reaction-from-other{margin:10px 0 8px;padding:8px 10px;border-radius:13px;background:#282238;color:#cfc6db;font-size:11px}.reaction-from-other strong{font-size:18px;margin-left:4px}.reaction-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.reaction-buttons button{height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#252a3a;font-size:19px}.reaction-buttons button.on{border-color:#b47aff;background:linear-gradient(145deg,#443061,#282c42);box-shadow:0 0 0 1px rgba(180,122,255,.25) inset}

.memory-teaser{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#2b2145,#1b2232);border:1px solid rgba(255,255,255,.08);cursor:pointer}.memory-toc{width:50px;height:50px;overflow:hidden;display:grid;place-items:center;flex:0 0 50px}.memory-toc .toc-face{width:48px;height:45px;flex-basis:48px}.memory-teaser>div:nth-child(2){flex:1;min-width:0}.memory-teaser small,.memory-teaser b,.memory-teaser span{display:block}.memory-teaser small{font-size:9px;color:#ffd84d;font-weight:1000;letter-spacing:.11em}.memory-teaser b{font-size:17px;color:#fff;margin-top:2px}.memory-teaser span{font-size:10.5px;color:#bcb4c8;margin-top:3px}.memory-teaser>i{font-style:normal;font-size:26px;color:#cdb8ff}
.memory-month-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.memory-month-tabs::-webkit-scrollbar{display:none}.memory-month-tabs a{white-space:nowrap;text-decoration:none;padding:8px 11px;border-radius:999px;background:#23283a;color:#bcb4c8;font-size:10px;font-weight:900}.memory-month-tabs a.on{background:linear-gradient(135deg,#7547fb,#d346ef);color:#fff}.memory-hero{position:relative;overflow:hidden;border-radius:28px;padding:24px;background:radial-gradient(circle at 100% 0,rgba(255,69,191,.34),transparent 40%),linear-gradient(145deg,#40227d,#211c38 60%,#182134);color:#fff}.memory-hero>.toc-face{position:absolute;right:18px;bottom:16px;width:82px;height:76px;flex-basis:82px;opacity:.9}.memory-hero small{font-size:9px;font-weight:1000;letter-spacing:.13em;color:#ffd84d}.memory-hero h1{font-family:"Syne","Plus Jakarta Sans",sans-serif;font-size:28px;line-height:1.02;margin:7px 90px 8px 0}.memory-hero p{max-width:280px;font-size:11px;color:#d7cfe2;line-height:1.45;margin:0}.memory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}.memory-stats>div{padding:12px 8px;text-align:center;border-radius:17px;background:#202536;border:1px solid rgba(255,255,255,.07)}.memory-stats b{display:block;font-size:21px;color:#fff}.memory-stats span{font-size:9.5px;color:#aaa2b8;font-weight:800}.memory-highlights{display:grid;grid-template-columns:1fr 1fr;gap:8px}.memory-highlight{padding:12px;border-radius:17px;background:#1d2231;border:1px solid rgba(255,255,255,.07)}.memory-highlight small,.memory-highlight b{display:block}.memory-highlight small{font-size:9px;color:#aaa2b8}.memory-highlight b{font-size:13px;color:#fff;margin-top:3px}.memory-list-title{font-size:15px;font-weight:900;margin:20px 2px 9px}.memory-privacy{font-size:9.5px;color:#81798c;line-height:1.4;text-align:center;margin:18px 12px 0}

.frequent-title{font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;color:#9e96aa;margin:15px 2px 8px}.frequent-contacts{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.frequent-contacts::-webkit-scrollbar{display:none}.frequent-contacts a{min-width:104px;text-decoration:none;padding:11px 10px;border-radius:18px;background:linear-gradient(145deg,#24283a,#1a1e2b);border:1px solid rgba(255,255,255,.07);color:#fff}.frequent-contacts a>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#5734a2,#252d51);font-size:12px;font-weight:900;position:relative;overflow:hidden}.frequent-contacts b,.frequent-contacts small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frequent-contacts b{font-size:11px;margin-top:7px}.frequent-contacts small{font-size:9px;color:#9e96aa;margin-top:2px}

@media(max-width:390px){.special-starters{grid-template-columns:1fr}.memory-hero h1{font-size:24px}.reaction-buttons button{height:39px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.toc-face.party{animation:none!important}.toc-face.party .toc-star{animation:none!important}}


/* V5.7.1 — cierre rápido desde Recuerdos */
.memory-pending-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 14px;padding:12px 14px;border:1px solid rgba(255,216,77,.22);border-radius:17px;background:linear-gradient(135deg,rgba(255,216,77,.11),rgba(123,76,255,.11));color:#fff;text-align:left;cursor:pointer}
.memory-pending-link span{font-size:12px;font-weight:850}.memory-pending-link span b{color:#ffd84d;font-size:15px;margin-right:3px}.memory-pending-link i{font-style:normal;color:#ffd84d;font-size:23px;line-height:1}
.memory-close-panel{padding:15px;border-radius:23px;background:linear-gradient(180deg,#1d2231,#171b27);border:1px solid rgba(255,255,255,.07)}
.memory-close-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.memory-close-title small,.memory-close-title b{display:block}.memory-close-title small{font-size:9px;letter-spacing:.12em;font-weight:1000;color:#ffd84d}.memory-close-title b{font-size:17px;color:#fff;margin-top:2px}.memory-close-title .toc-face{width:46px;height:43px;flex-basis:46px}
.memory-close-list{display:grid;gap:8px}.memory-close-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:16px;background:#23283a;border:1px solid rgba(255,255,255,.06);transition:opacity .15s ease,transform .15s ease}.memory-close-row.saving{opacity:.42;transform:scale(.985)}
.memory-close-main{min-width:0;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#fff;text-align:left;padding:0;cursor:pointer}.memory-close-main>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;background:#191d2a;font-size:16px}.memory-close-main>div{min-width:0}.memory-close-main b,.memory-close-main small{display:block;min-width:0}.memory-close-main b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-close-main small{font-size:9px;color:#aaa2b8;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.memory-close-actions{display:flex;gap:6px;flex:0 0 auto}.memory-close-actions button{border:0;border-radius:10px;padding:8px 9px;font-size:9.5px;font-weight:950;white-space:nowrap;cursor:pointer}.memory-close-ok{background:#204a38;color:#bff7d8}.memory-close-no{background:#4a2630;color:#ffd1d8}.memory-close-actions button:disabled{cursor:default}
@media(max-width:520px){.memory-close-row{grid-template-columns:1fr;gap:7px}.memory-close-actions{justify-content:flex-end}.memory-close-actions button{padding:7px 9px}.memory-close-panel{padding:12px}}

/* V5.7.2 — Recuerdos independientes de Mis KD */
.memory-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.memory-list-head button{border:0;background:transparent;color:#cdb8ff;font-size:10.5px;font-weight:900;cursor:pointer;padding:5px 2px}
.memory-list.selecting .memory-row{grid-template-columns:auto minmax(0,1fr) auto}
.memory-check{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#171b27;color:#bff7d8;font-weight:1000;font-size:14px}
.memory-row.selected{border-color:rgba(123,76,255,.55)!important;background:linear-gradient(135deg,rgba(123,76,255,.16),rgba(255,69,191,.08))!important}
.memory-row.selected .memory-check{background:#7547fb;border-color:#7547fb;color:#fff}
.memory-remove-selected{margin-top:10px;width:100%}.memory-remove-selected:disabled{opacity:.38;cursor:default}
.memory-detail-meta{padding:11px 13px;margin-bottom:10px;border-radius:16px;background:#1d2231;border:1px solid rgba(255,255,255,.07)}
.memory-detail-meta b,.memory-detail-meta small{display:block}.memory-detail-meta b{font-size:12px;color:#fff}.memory-detail-meta small{font-size:9.5px;color:#aaa2b8;margin-top:3px}
.memory-remove-one{width:100%;margin-top:14px}
@media(max-width:520px){.memory-list-head button{font-size:10px}.memory-list.selecting .activity-status{max-width:94px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* V5.7.3 — Toc-toc ilustrado: expresiones consistentes + despedida al quitar */
.toc-face{
  border-radius:0!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  box-shadow:none!important;
  filter:drop-shadow(0 7px 12px rgba(63,27,123,.22));
  overflow:visible!important;
}
.toc-face:before,.toc-face:after{content:none!important;display:none!important}
.toc-face.curious,.toc-face.wink,.toc-face.shy{background-image:url('/toc/toc-curious.webp')!important}
.toc-face.happy,.toc-face.party{background-image:url('/toc/toc-happy.webp')!important}
.toc-face.sad{background-image:url('/toc/toc-sad.webp')!important}
.toc-face.thinking{background-image:url('/toc/toc-thinking.webp')!important}
.toc-face.waiting{background-image:url('/toc/toc-waiting.webp')!important}
.toc-face.delete{background-image:url('/toc/toc-delete.webp')!important}
/* Los antiguos ojos/boca CSS ya no se renderizan: así ninguna expresión puede deformar la cara. */
.toc-face .toc-eye,.toc-face .toc-mouth,.toc-face .toc-ear,.toc-face .toc-arm,.toc-face .toc-star{display:none!important}
.toc-face.happy,.toc-face.party{animation:tocAssetCelebrate .68s cubic-bezier(.2,.9,.25,1.15)}
.toc-face.waiting{animation:tocAssetWait 2.6s ease-in-out infinite}
@keyframes tocAssetCelebrate{0%{transform:scale(.94) rotate(-2deg)}55%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1)}}
@keyframes tocAssetWait{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.toc-farewell{position:fixed;inset:0;z-index:10060;display:flex;align-items:flex-end;justify-content:center;padding:0 18px 92px;pointer-events:none;background:rgba(5,7,12,0);opacity:0;transition:opacity .2s ease}
.toc-farewell.show{opacity:1}
.toc-farewell-card{width:min(390px,100%);display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:22px;background:linear-gradient(145deg,rgba(43,33,69,.97),rgba(23,27,39,.98));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 55px rgba(0,0,0,.42);transform:translateY(18px) scale(.97);transition:transform .28s cubic-bezier(.2,.85,.25,1.15)}
.toc-farewell.show .toc-farewell-card{transform:translateY(0) scale(1)}
.toc-farewell .toc-face{width:74px;height:68px;flex:0 0 74px;animation:tocFarewellWave .7s ease both}
.toc-farewell-card>div{min-width:0}.toc-farewell-card b,.toc-farewell-card small{display:block}.toc-farewell-card b{font-size:14px;color:#fff}.toc-farewell-card small{font-size:10.5px;line-height:1.35;color:#bdb5c8;margin-top:3px}
@keyframes tocFarewellWave{0%{transform:translateX(-5px) rotate(-5deg);opacity:.4}45%{transform:translateX(2px) rotate(4deg);opacity:1}100%{transform:translateX(0) rotate(0);opacity:1}}
@media(max-width:390px){.toc-farewell{padding-bottom:84px}.toc-farewell .toc-face{width:66px;height:61px;flex-basis:66px}}
@media(prefers-reduced-motion:reduce){.toc-face.happy,.toc-face.party,.toc-face.waiting,.toc-farewell .toc-face,.toc-farewell-card{animation:none!important;transition:none!important}}
/* Los gestos al tocar en Inicio siguen funcionando aun usando imágenes. */
.hero-toc.toc-react-blink .toc-face{animation:tocAssetTapBlink .58s ease both!important}
.hero-toc.toc-react-wave .toc-face{animation:tocAssetTapWave .62s ease-in-out both!important}
@keyframes tocAssetTapBlink{0%,100%{transform:scale(1)}45%{transform:scale(.92) rotate(-3deg)}65%{transform:scale(1.03)}}
@keyframes tocAssetTapWave{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}60%{transform:rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.hero-toc.toc-react-blink .toc-face,.hero-toc.toc-react-wave .toc-face{animation:none!important}}

/* V5.7.4 — privacidad clara: primero lo esencial, detalles bajo demanda */
.privacy-stack-simple{gap:12px}
.privacy-card-simple{padding:17px 18px!important}
.privacy-card-simple b{font-size:16px!important;margin-bottom:6px!important}
.privacy-card-simple p{font-size:13px!important;line-height:1.55!important}
.privacy-details{margin-top:14px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#191d29,#141823);overflow:hidden}
.privacy-details>summary{list-style:none;cursor:pointer;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:900;color:#d9ccff}
.privacy-details>summary::-webkit-details-marker{display:none}
.privacy-details>summary span{font-size:17px;transition:transform .2s ease}
.privacy-details[open]>summary span{transform:rotate(180deg)}
.privacy-details-inside{border-top:1px solid rgba(255,255,255,.07);padding:4px 17px 14px}
.privacy-details-inside section{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.privacy-details-inside section:last-child{border-bottom:0}
.privacy-details-inside b{display:block;font-size:13px;color:#f5f1ff;margin-bottom:4px}
.privacy-details-inside p{margin:0;font-size:11.5px;line-height:1.55;color:#aaa2b8}
\n\n/* V5.7.5 — historial de contacto limpio y sin desbordamiento en móvil */
.contact-history,.contact-history-tools,.contact-settings{max-width:100%;min-width:0;box-sizing:border-box}
.contact-history{overflow:hidden}
.contact-history-row{max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
.contact-history-row .history-main{min-width:0;max-width:100%;overflow:hidden}
.contact-history-row .history-main b,.contact-history-row .history-main small{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Ya no existe restauración: quitar del historial es una limpieza local deliberada. */
.history-restore-btn{display:none!important}
@media(max-width:520px){
  .contact-history-row.dated{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 58px;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:11px 10px!important;
  }
  .contact-history.selecting .contact-history-row.dated{grid-template-columns:34px minmax(0,1fr) 58px}
  .contact-history-row.dated>.history-direction{width:38px;height:38px;min-width:38px;max-width:38px;margin-top:0!important}
  .contact-history-row.dated>.history-check{width:34px;height:34px;min-width:34px;max-width:34px}
  .contact-history-row.dated>.history-main{width:auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .contact-history-row.dated>.history-main b,
  .contact-history-row.dated>.history-main small,
  .contact-history-row.dated>.history-main .history-date,
  .contact-history-row.dated>.history-main .history-response-date{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .contact-history-row.dated>span{
    width:58px!important;
    max-width:58px!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:right!important;
    justify-self:end!important;
  }
  .contact-history-tools{overflow:hidden}
}

/* V5.7.9 — contraste de “Cómo funciona”
   Las tarjetas claras conservan su diseño, pero recuperan texto oscuro legible
   tras la migración general de la interfaz al modo oscuro. */
.how-intro{color:#241b32!important}
.how-intro>b{color:#241b32!important}
.how-intro p{color:#625773!important}
.how-step:not(.done){color:#241b32!important}
.how-step:not(.done) b{color:#2b2039!important}
.how-step:not(.done) p{color:#6f667b!important}
.how-step.app-step b{color:#213a37!important}
.how-step.pinky b{color:#4b2036!important}
.kd-legend>div{color:#241b32!important}
.kd-legend span{color:#6f667b!important}

/* V5.7.10 · Cómo funciona con paleta KedaDicho */
.how-intro,.how-step,.open-kd-explain,.kd-legend>div{background:linear-gradient(135deg,#251f35,#4e356f)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.how-intro b,.how-intro strong,.how-step b,.open-kd-title,.kd-legend b{color:#fff!important}
.how-intro p,.how-step p,.kd-legend span{color:#ddd3ea!important}
.how-step.done{background:linear-gradient(135deg,#2b2140,#5a3d82)!important}
.how-arrow{color:#c8b8e6!important}

/* V5.7.11 · Cómo funciona: fondo morado + texto blanco */
.how-intro,.how-step{background:linear-gradient(135deg,#251f35,#4e356f)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.how-intro b,.how-intro strong,.how-intro p,.how-step b,.how-step p{color:#ffffff!important}
.how-step.app-step,.how-step.done{background:linear-gradient(135deg,#251f35,#4e356f)!important}
.how-arrow{color:#c8b8e6!important}

/* V5.7.12 · títulos de Cómo funciona más visibles */
.how-flow .how-step > div > b,
.how-flow .how-step.app-step > div > b,
.how-flow .how-step.pinky > div > b,
.how-flow .how-step.accent > div > b,
.how-flow .how-step.done > div > b{
  color:#ffffff!important;
  font-weight:1000!important;
  font-size:16px!important;
  line-height:1.25!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.22);
}

/* V5.7.14 — tarjetas con más fuerza + variantes estables + texto adaptable */
.kd-text-meter{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:7px 3px 0;color:#91899e;font-size:10px;line-height:1.3}.kd-text-meter span{min-width:0}.kd-text-meter b{flex:0 0 auto;color:#b9aec8;font-size:10px}.kd-text-meter b.near{color:#ffd84d}
.preview.kd-card-new{isolation:isolate;min-height:318px;padding:20px 20px 18px!important;border-radius:29px!important;display:flex;flex-direction:column;justify-content:flex-start;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 18px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.09)!important;background-image:none!important;background-blend-mode:normal!important}
.preview.kd-card-new:before{display:block!important;content:''!important;position:absolute;inset:0!important;z-index:0!important;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.13),transparent 24%),radial-gradient(circle at 10% 88%,rgba(255,184,0,.12),transparent 29%),linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.055) 47% 48%,transparent 49% 100%)!important;opacity:1!important;pointer-events:none}
.preview.kd-card-new:after{display:none!important}
.preview.kd-card-new.kd-cinema{background:linear-gradient(145deg,#5a103e 0%,#a51f68 38%,#ee3d75 68%,#ff9f2e 100%)!important}
.preview.kd-card-new.kd-heart{background:linear-gradient(145deg,#2d164e 0%,#76135d 42%,#d51e72 72%,#ff7d42 100%)!important}
.preview.kd-card-new.kd-victory{background:linear-gradient(145deg,#4b1390 0%,#6f24d6 36%,#db287c 68%,#0fb9ca 100%)!important}
.preview.kd-card-new.kd-game{background:linear-gradient(145deg,#16194f 0%,#5120a7 42%,#ce237f 70%,#0ac7bd 100%)!important}
.preview.kd-card-new.kd-quest{background:linear-gradient(145deg,#24113f 0%,#5e175e 42%,#b52a6f 70%,#e87932 100%)!important}
.preview.kd-card-new.kd-burst{background:linear-gradient(145deg,#3b176f 0%,#7d22b2 38%,#df2d7b 70%,#ff8a38 100%)!important}
.preview.kd-card-new .preview-top{position:relative;z-index:3;align-items:center}.preview.kd-card-new .type{display:inline-flex;align-items:center;width:max-content;max-width:calc(100% - 50px);padding:8px 12px;border-radius:999px;background:rgba(13,9,27,.58)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;opacity:1!important;font-size:10.5px!important;line-height:1!important;font-weight:1000!important;letter-spacing:1.05px!important;backdrop-filter:blur(7px)}
.preview.kd-card-new .mini-brand img{width:39px!important;height:39px!important;border-radius:12px!important;border:2px solid rgba(255,255,255,.72)!important;box-shadow:0 6px 15px rgba(0,0,0,.22)}
.preview.kd-card-new .words{position:relative;z-index:3!important;margin:20px 0 12px!important;max-width:94%!important;color:#fff!important;font-family:"Syne","Plus Jakarta Sans",sans-serif!important;font-weight:1000!important;line-height:.98!important;letter-spacing:-1.2px!important;text-shadow:0 4px 13px rgba(20,5,40,.40)!important;overflow-wrap:anywhere;word-break:normal!important}
.preview.kd-card-new.copy-xl .words{font-size:40px!important}.preview.kd-card-new.copy-lg .words{font-size:33px!important;line-height:1.01!important}.preview.kd-card-new.copy-md .words{font-size:27px!important;line-height:1.05!important}.preview.kd-card-new.copy-sm .words{font-size:22px!important;line-height:1.10!important;letter-spacing:-.5px!important}
.preview.kd-card-new .kd-word-accent{font-style:normal;color:#ffd535;text-shadow:0 4px 11px rgba(70,28,0,.32);position:relative}.preview.kd-card-new .kd-word-accent:after{content:'';position:absolute;height:4px;border-radius:999px;background:#ff3aa8;left:0;right:0;bottom:-3px;transform:rotate(-2deg);opacity:.95}
.preview.kd-card-new .plan-when,.preview.kd-card-new .meta-sub{position:relative;z-index:3;color:#fff!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 8px!important;font-size:13px!important;font-weight:900!important;opacity:.96}
.preview.kd-card-new .meta{position:relative;z-index:3;margin-top:auto!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.22)!important}
.preview.kd-card-new .state-line,.preview.kd-card-new .agreement-line{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;border-radius:999px!important;padding:10px 15px!important;background:rgba(30,9,45,.60)!important;border:1px solid rgba(255,216,77,.78)!important;color:#fff!important;font-size:13px!important;font-weight:1000!important;line-height:1.15!important;box-shadow:0 0 0 1px rgba(255,76,175,.18),0 7px 18px rgba(0,0,0,.20)!important}
.preview.kd-card-new .agreement-line{border-color:rgba(67,255,194,.75)!important;background:rgba(13,55,57,.62)!important}
.preview.kd-card-new .consequence-tag,.preview.kd-card-new .participants-line{position:relative;z-index:3;background:rgba(18,10,35,.38)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}
.kd-card-decor{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important}.kd-card-decor i{position:absolute;font-style:normal;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));opacity:.55}.kd-card-decor i:nth-child(1){left:5%;bottom:9%;font-size:38px;transform:rotate(-10deg)}.kd-card-decor i:nth-child(2){right:9%;bottom:12%;font-size:35px;transform:rotate(9deg)}.kd-card-decor i:nth-child(3){right:8%;top:28%;font-size:43px;opacity:.38;transform:rotate(-7deg)}.kd-card-decor i:nth-child(4){left:7%;top:27%;font-size:25px;color:#ffd535;opacity:.72}
.preview.kd-card-new.kd-cinema .kd-card-decor i:nth-child(1),.preview.kd-card-new.kd-heart .kd-card-decor i:nth-child(1){color:#ff5ca8}.preview.kd-card-new.kd-quest .kd-card-decor i,.preview.kd-card-new.kd-game .kd-card-decor i{opacity:.48}
@media(max-width:390px){.preview.kd-card-new{min-height:300px;padding:18px!important}.preview.kd-card-new.copy-xl .words{font-size:34px!important}.preview.kd-card-new.copy-lg .words{font-size:29px!important}.preview.kd-card-new.copy-md .words{font-size:24px!important}.preview.kd-card-new.copy-sm .words{font-size:20px!important}.kd-card-decor i:nth-child(3){font-size:34px}}
@media(prefers-reduced-motion:reduce){.preview.kd-card-new{animation:none!important}}
.preview.kd-card-new.copy-xs .words{font-size:17px!important;line-height:1.16!important;letter-spacing:-.2px!important}
@media(max-width:390px){.preview.kd-card-new.copy-xs .words{font-size:16px!important;line-height:1.18!important}}


/* V5.7.16 — la tarjeta elegida manda + tipografía por longitud */
/* La familia visual elegida por el usuario se conserva siempre. Las variantes solo cambian matices dentro de esa familia. */
.preview.kd-card-new.kd-neon-pulse{background:linear-gradient(145deg,#4a1fd1 0%,#7b2be6 43%,#e12d91 76%,#ff4f9b 100%)!important}
.preview.kd-card-new.kd-neon-burst{background:linear-gradient(145deg,#37177f 0%,#6f2cd2 42%,#bc31d6 68%,#ff3d95 100%)!important}
.preview.kd-card-new.kd-neon-glow{background:linear-gradient(145deg,#24156f 0%,#592bd6 42%,#9a32e6 68%,#ff4a9c 100%)!important}

.preview.kd-card-new.kd-smile-sun{background:linear-gradient(145deg,#ffe96a 0%,#ffd358 44%,#ffb348 72%,#ff9341 100%)!important;color:#2b1c28!important}
.preview.kd-card-new.kd-smile-heart{background:linear-gradient(145deg,#fff07b 0%,#ffd962 42%,#ffbd59 70%,#ff9b55 100%)!important;color:#2b1c28!important}
.preview.kd-card-new.kd-smile-pop{background:linear-gradient(145deg,#ffe765 0%,#ffcc4f 44%,#ffae4c 72%,#ff8e4c 100%)!important;color:#2b1c28!important}
.preview.kd-card-new[class*="kd-smile-"] .words,.preview.kd-card-new[class*="kd-smile-"] .type,.preview.kd-card-new[class*="kd-smile-"] .plan-when,.preview.kd-card-new[class*="kd-smile-"] .meta-sub{color:#2b1c28!important;text-shadow:none!important}
.preview.kd-card-new[class*="kd-smile-"] .type{background:rgba(255,255,255,.48)!important;border-color:rgba(91,48,70,.16)!important}
.preview.kd-card-new[class*="kd-smile-"] .kd-word-accent{color:#a31d68!important;text-shadow:none!important}
.preview.kd-card-new[class*="kd-smile-"] .kd-word-accent:after{background:#7b2b58!important}
.preview.kd-card-new[class*="kd-smile-"] .kd-card-decor i{color:#7b2b58!important;opacity:.40!important}

.preview.kd-card-new.kd-gaming-arcade{background:linear-gradient(145deg,#111727 0%,#2e2d83 48%,#145cb6 72%,#0cc9b7 100%)!important}
.preview.kd-card-new.kd-gaming-victory{background:linear-gradient(145deg,#17172c 0%,#403290 43%,#3156be 68%,#10c7bd 100%)!important}
.preview.kd-card-new.kd-gaming-cyan{background:linear-gradient(145deg,#121928 0%,#283c7f 46%,#176ba6 70%,#10bfae 100%)!important}

.preview.kd-card-new.kd-role-quest{background:linear-gradient(145deg,#171f30 0%,#382448 45%,#69335d 70%,#b86b31 100%)!important}
.preview.kd-card-new.kd-role-dice{background:linear-gradient(145deg,#182132 0%,#432755 46%,#73405e 72%,#c07836 100%)!important}
.preview.kd-card-new.kd-role-gem{background:linear-gradient(145deg,#151d2e 0%,#352953 45%,#5e3567 70%,#ad6b38 100%)!important}

.preview.kd-card-new.kd-bold-heart{background:linear-gradient(145deg,#4e1538 0%,#96245a 43%,#d73776 72%,#ff7b70 100%)!important}
.preview.kd-card-new.kd-bold-cinema{background:linear-gradient(145deg,#501637 0%,#a5215c 42%,#e63a72 70%,#ff8b63 100%)!important}
.preview.kd-card-new.kd-bold-flare{background:linear-gradient(145deg,#451430 0%,#8f2456 43%,#cb3270 70%,#ff776d 100%)!important}

/* Tres escalones claros: hasta 100 = póster XL; 101–140 = grande; 141–180 = compacto. */
.preview.kd-card-new.copy-xl{min-height:348px}
.preview.kd-card-new.copy-xl .words{font-size:clamp(34px,8.7vw,43px)!important;line-height:.98!important;letter-spacing:-1.2px!important}
.preview.kd-card-new.copy-lg{min-height:334px}
.preview.kd-card-new.copy-lg .words{font-size:clamp(27px,7vw,34px)!important;line-height:1.02!important;letter-spacing:-.8px!important}
.preview.kd-card-new.copy-compact{min-height:322px}
.preview.kd-card-new.copy-compact .words{font-size:clamp(21px,5.5vw,27px)!important;line-height:1.08!important;letter-spacing:-.35px!important}
@media(max-width:390px){
  .preview.kd-card-new.copy-xl{min-height:330px}.preview.kd-card-new.copy-xl .words{font-size:34px!important}
  .preview.kd-card-new.copy-lg{min-height:318px}.preview.kd-card-new.copy-lg .words{font-size:27px!important}
  .preview.kd-card-new.copy-compact{min-height:306px}.preview.kd-card-new.copy-compact .words{font-size:21px!important}
}


/* V5.7.17 - tarjetas tipo póster y selector con vista real */
.preview.kd-card-new .words .kd-line{display:block}
.preview.kd-card-new .words .kd-line + .kd-line{margin-top:.04em}
.preview.kd-card-new .words{line-height:.94!important;max-width:92%!important}
.preview.kd-card-new .kd-card-decor{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.preview.kd-card-new .kd-card-decor .dots{position:absolute;right:-8px;bottom:-6px;width:158px;height:126px;background:radial-gradient(circle,rgba(255,255,255,.33) 0 1.6px,transparent 1.7px) 0 0/14px 14px;opacity:.33;mask-image:radial-gradient(circle at 30% 35%,#000 0 55%,transparent 72%)}
.preview.kd-card-new .kd-card-decor .glow{position:absolute;left:-50px;top:-42px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%);opacity:.8}
.preview.kd-card-new .kd-card-decor i{position:absolute;display:block;font-style:normal;line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.16));opacity:.9}
.preview.kd-card-new .kd-card-decor .p1{left:22px;bottom:24px;font-size:34px;opacity:.38}
.preview.kd-card-new .kd-card-decor .p2{right:54px;top:96px;font-size:54px;opacity:.35}
.preview.kd-card-new .kd-card-decor .p3{right:42px;bottom:26px;font-size:38px;opacity:.38}
.preview.kd-card-new .kd-card-decor .p4{left:24px;top:126px;font-size:34px;opacity:.32}
.preview.kd-card-new .kd-card-decor .p5{right:112px;top:34px;font-size:22px;opacity:.42}
.preview.kd-card-new .kd-card-decor .p6{left:calc(50% - 22px);top:22px;font-size:30px;opacity:.24}
.preview.kd-card-new.kd-bold-cinema .kd-card-decor .p1,.preview.kd-card-new.kd-bold-heart .kd-card-decor .p1,.preview.kd-card-new.kd-smile-heart .kd-card-decor .p1{font-size:30px}
.preview.kd-card-new.kd-gaming-victory .kd-card-decor .p2,.preview.kd-card-new.kd-gaming-arcade .kd-card-decor .p3{font-size:44px}
.preview.kd-card-new.kd-role-dice .kd-card-decor .p1,.preview.kd-card-new.kd-role-quest .kd-card-decor .p3{font-size:42px}
.preview.kd-card-new .meta{position:relative;z-index:3}
.preview.kd-card-new .words,.preview.kd-card-new .plan-when,.preview.kd-card-new .meta-sub,.preview.kd-card-new .consequence-tag,.preview.kd-card-new .participants-line,.preview.kd-card-new .preview-top,.preview.kd-card-new .meta{position:relative;z-index:3}
.preview.kd-card-new.copy-xl .words{font-size:clamp(36px,9vw,45px)!important}
.preview.kd-card-new.copy-lg .words{font-size:clamp(29px,7.2vw,36px)!important}
.preview.kd-card-new.copy-compact .words{font-size:clamp(22px,5.6vw,28px)!important}
.preview.kd-card-new.copy-xs .words{font-size:clamp(18px,4.9vw,22px)!important}
.preview.kd-card-new .state-line.draft{background:rgba(45,18,56,.64)!important}
.preview.kd-card-new[class*="kd-smile-"] .state-line.draft{background:rgba(101,61,55,.22)!important;color:#2b1c28!important;border-color:rgba(112,54,70,.45)!important;box-shadow:none!important}
.preview.kd-card-new[class*="kd-smile-"] .state-line,.preview.kd-card-new[class*="kd-smile-"] .agreement-line{color:#2b1c28!important}
.live-themes{gap:16px}
.live-themes .theme{padding:12px;border-radius:28px;background:rgba(255,255,255,.96)}
.live-themes .theme-meta{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px}
.live-themes .theme-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;background:#f4effc;color:#3a2f58;font-weight:900;font-size:12px;letter-spacing:.2px}
.live-themes .theme-live-preview{transform-origin:top center;transform:scale(.76);margin:-12px -12% -68px;pointer-events:none}
.live-themes .theme .free{background:#f6f2ff!important;color:#5d4e7c!important;border:1px solid #e2d8fa!important}
.live-themes .theme.on{border-color:#7b4dff;box-shadow:0 10px 26px rgba(78,36,160,.12)}
@media(max-width:390px){.live-themes .theme-live-preview{transform:scale(.72);margin:-14px -15% -82px}}


/* V5.7.18 · cinco pósteres reales: Cine, Neón, Rol, Atrevida y Smile */
.poster-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.poster-theme-choice{padding:8px!important;border-radius:24px!important;background:#171b28!important;border:2px solid #2c3344!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important}
.poster-theme-choice.on{border-color:#9b62ff!important;box-shadow:0 0 0 2px rgba(155,98,255,.17),0 12px 28px rgba(0,0,0,.22)!important}
.poster-swatch{aspect-ratio:1/1;width:100%;border-radius:19px;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.poster-cine{background-image:url('/posters/cine.webp')!important}
.poster-neon{background-image:url('/posters/neon.webp')!important}
.poster-role{background-image:url('/posters/role.webp')!important}
.poster-bold{background-image:url('/posters/bold.webp')!important}
.poster-smile{background-image:url('/posters/smile.webp')!important}
.poster-choice-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px 2px;color:#fff}
.poster-choice-foot span{font-size:13px;font-weight:1000;letter-spacing:.2px}
.poster-choice-foot small{font-size:9px;font-weight:900;color:#bcb5ca;background:#222838;border-radius:999px;padding:5px 7px}
@media(max-width:370px){.poster-theme-grid{gap:10px}.poster-choice-foot span{font-size:12px}}

/* La tarjeta final usa exactamente la familia visual que se eligió */
.preview.kd-card-new.cine{background-image:url('/posters/cine.webp')!important;background-size:cover!important;background-position:center!important}
.preview.kd-card-new.neon,.preview.kd-card-new.gaming{background-image:url('/posters/neon.webp')!important;background-size:cover!important;background-position:center!important}
.preview.kd-card-new.role{background-image:url('/posters/role.webp')!important;background-size:cover!important;background-position:center!important}
.preview.kd-card-new.bold{background-image:url('/posters/bold.webp')!important;background-size:cover!important;background-position:center!important}
.preview.kd-card-new.smile{background-image:url('/posters/smile.webp')!important;background-size:cover!important;background-position:center!important}
.preview.kd-card-new.cine:before,.preview.kd-card-new.neon:before,.preview.kd-card-new.gaming:before,.preview.kd-card-new.role:before,.preview.kd-card-new.bold:before,.preview.kd-card-new.smile:before{display:none!important}
.preview.kd-card-new.cine .kd-card-decor,.preview.kd-card-new.neon .kd-card-decor,.preview.kd-card-new.gaming .kd-card-decor,.preview.kd-card-new.role .kd-card-decor,.preview.kd-card-new.bold .kd-card-decor,.preview.kd-card-new.smile .kd-card-decor{display:none!important}
.preview.kd-card-new{min-height:352px!important;justify-content:flex-start!important;padding:20px!important}
.preview.kd-card-new .words{margin:28px auto 14px!important;max-width:82%!important;text-align:center!important;font-family:"Arial Black","Trebuchet MS","Syne",sans-serif!important;font-weight:1000!important;line-height:.92!important;letter-spacing:-1.35px!important;text-shadow:0 4px 0 rgba(33,5,43,.28),0 8px 18px rgba(0,0,0,.28)!important}
.preview.kd-card-new .kd-line{display:block!important;transform-origin:center}
.preview.kd-card-new .kd-line:nth-child(2){transform:rotate(-1deg) scale(1.03)}
.preview.kd-card-new .kd-line:nth-child(3){transform:rotate(.7deg)}
.preview.kd-card-new .kd-line:nth-child(4){transform:rotate(-.5deg)}
.preview.kd-card-new .kd-word-accent{color:#ffcb23!important;text-shadow:0 3px 0 rgba(88,25,16,.25),0 6px 12px rgba(0,0,0,.22)!important}
.preview.kd-card-new.cine .kd-word-accent,.preview.kd-card-new.bold .kd-word-accent{color:#ff4fa4!important}
.preview.kd-card-new.role .kd-word-accent{color:#ffc31f!important}
.preview.kd-card-new.neon .kd-word-accent,.preview.kd-card-new.gaming .kd-word-accent{color:#ffd123!important}
.preview.kd-card-new.smile .words{color:#241723!important;text-shadow:none!important}
.preview.kd-card-new.smile .kd-word-accent{color:#f05f24!important;text-shadow:none!important}
.preview.kd-card-new .kd-word-accent:after{height:5px!important;bottom:-5px!important;background:currentColor!important;opacity:.95!important}
.preview.kd-card-new .plan-when,.preview.kd-card-new .meta-sub{text-align:center!important;font-weight:1000!important;margin-top:5px!important}
.preview.kd-card-new .meta{margin-top:auto!important}
.preview.kd-card-new .state-line,.preview.kd-card-new .agreement-line{backdrop-filter:blur(8px)}
.preview.kd-card-new.smile .type{color:#2b1c28!important;background:rgba(255,255,255,.52)!important}
.preview.kd-card-new.smile .meta-sub,.preview.kd-card-new.smile .plan-when{color:#2b1c28!important}
@media(max-width:390px){.preview.kd-card-new{min-height:330px!important}.preview.kd-card-new.copy-xl .words{font-size:34px!important}.preview.kd-card-new.copy-lg .words{font-size:28px!important}.preview.kd-card-new.copy-compact .words{font-size:22px!important}}

/* V5.7.19 · motor de composición tipo póster: mismo texto, presentación más expresiva */
.preview.kd-card-new .words{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.02em;
  width:100%;
  max-width:88%!important;
  margin:24px auto 12px!important;
  text-align:center!important;
  white-space:normal;
}
.preview.kd-card-new .words .kd-line{
  display:block!important;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
  transform-origin:center;
  position:relative;
  z-index:4;
  font-family:"Arial Black","Trebuchet MS","Syne",sans-serif!important;
  font-style:normal;
  font-weight:1000!important;
  line-height:.91!important;
}
.preview.kd-card-new .words .kd-line.lead{
  font-size:.78em;
  font-family:"Trebuchet MS","Arial Black",sans-serif!important;
  font-style:italic;
  letter-spacing:-.045em;
  transform:rotate(-1deg);
}
.preview.kd-card-new .words .kd-line.hero{
  font-size:1.12em;
  line-height:.84!important;
  letter-spacing:-.065em;
  transform:rotate(-1.4deg) scale(1.025);
  margin:.03em 0 .06em;
}
.preview.kd-card-new .words .kd-line.accent{
  font-size:.94em;
  letter-spacing:-.052em;
  transform:rotate(.7deg);
}
.preview.kd-card-new .words .kd-line.body{
  font-size:.82em;
  letter-spacing:-.035em;
  transform:rotate(-.3deg);
}
.preview.kd-card-new .words .kd-line.short{font-size:.91em}
.preview.kd-card-new .words .kd-line:nth-child(2),
.preview.kd-card-new .words .kd-line:nth-child(3),
.preview.kd-card-new .words .kd-line:nth-child(4){transform-origin:center}
.preview.kd-card-new .words em{
  font-style:normal;
  position:relative;
  display:inline-block;
}
.preview.kd-card-new .words .kd-word-primary{
  color:#ffd22d!important;
  transform:scale(1.055) rotate(-1deg);
  text-shadow:0 3px 0 rgba(80,20,28,.26),0 6px 14px rgba(0,0,0,.22)!important;
}
.preview.kd-card-new .words .kd-word-primary:after{
  content:'';
  position:absolute;
  left:-4%;right:-4%;bottom:-.08em;
  height:.09em;
  min-height:4px;
  border-radius:999px;
  background:currentColor;
  opacity:.95;
  transform:rotate(-2.5deg) skewX(-16deg);
  box-shadow:8px 2px 0 -1px currentColor;
}
.preview.kd-card-new .words .kd-word-secondary{
  color:#fff!important;
  transform:scale(1.02) rotate(.5deg);
}
/* Cada familia conserva su propia combinación de colores, como en los pósteres de referencia. */
.preview.kd-card-new.cine .words .kd-word-primary{color:#ff5aa5!important}
.preview.kd-card-new.cine .words .kd-word-secondary{color:#ffd43a!important}
.preview.kd-card-new.neon .words .kd-word-primary,
.preview.kd-card-new.gaming .words .kd-word-primary{color:#ffd127!important}
.preview.kd-card-new.neon .words .kd-word-secondary,
.preview.kd-card-new.gaming .words .kd-word-secondary{color:#27e6f4!important}
.preview.kd-card-new.role .words .kd-word-primary{color:#ffc526!important}
.preview.kd-card-new.role .words .kd-word-secondary{color:#ff70bc!important}
.preview.kd-card-new.bold .words .kd-word-primary{color:#ff5b9d!important}
.preview.kd-card-new.bold .words .kd-word-secondary{color:#ffd23b!important}
.preview.kd-card-new.smile .words{color:#24151f!important;text-shadow:none!important}
.preview.kd-card-new.smile .words .kd-word-primary{color:#f2642d!important;text-shadow:none!important}
.preview.kd-card-new.smile .words .kd-word-secondary{color:#9b285d!important;text-shadow:none!important}
.preview.kd-card-new.copy-hero{min-height:352px!important}
.preview.kd-card-new.copy-hero .words{font-size:clamp(40px,10.2vw,50px)!important;max-width:84%!important;margin-top:30px!important}
.preview.kd-card-new.copy-xl .words{font-size:clamp(35px,8.8vw,44px)!important}
.preview.kd-card-new.copy-lg .words{font-size:clamp(28px,7.1vw,35px)!important}
.preview.kd-card-new.copy-compact .words{font-size:clamp(21px,5.5vw,27px)!important;gap:.05em}
.preview.kd-card-new.copy-xs .words{font-size:clamp(17px,4.5vw,22px)!important;gap:.08em}
/* Un ligero tratamiento de cartel evita que el texto parezca una simple caja web. */
.preview.kd-card-new .words:before{
  content:'';
  position:absolute;
  width:72%;height:52%;
  left:14%;top:26%;
  background:radial-gradient(ellipse,rgba(20,2,32,.17),transparent 68%);
  filter:blur(8px);
  z-index:-1;
  pointer-events:none;
}
.preview.kd-card-new.smile .words:before{background:radial-gradient(ellipse,rgba(255,255,255,.12),transparent 70%)}
@media(max-width:390px){
  .preview.kd-card-new.copy-hero .words{font-size:39px!important;max-width:86%!important}
  .preview.kd-card-new.copy-xl .words{font-size:34px!important}
  .preview.kd-card-new.copy-lg .words{font-size:28px!important}
  .preview.kd-card-new.copy-compact .words{font-size:21px!important}
  .preview.kd-card-new .words .kd-line.hero{font-size:1.08em}
}

/* V5.7.20 · identidad protegida en KD de grupo */
.group-person.claimed{opacity:.62!important;cursor:not-allowed!important}
.group-person.claimed span{filter:grayscale(.15)}
.group-claim-note{margin:3px 0 12px;color:#cfc5dc;font-size:12px;line-height:1.4}
.group-check.claimed{border-color:rgba(255,216,77,.35)!important;background:rgba(85,66,21,.22)!important}
.group-check.claimed small{display:block;margin-top:2px;color:#d9cca5;font-size:9px}
.group-claims-owner{margin:12px 0;padding:13px;border-radius:17px;background:linear-gradient(180deg,#1b2030,#151925);border:1px solid rgba(255,255,255,.07);display:grid;gap:8px}
.group-claims-owner>div:first-child b{display:block;color:#f7f3ff;font-size:13px}.group-claims-owner>div:first-child small{display:block;color:#bcb4c9;font-size:10px;line-height:1.4;margin-top:2px}
.group-claim-owner-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.045)}
.group-claim-owner-row span{font-size:12px;font-weight:850;color:#f7f3ff}.group-claim-owner-row button{border:0;border-radius:999px;padding:7px 10px;background:#2b3040;color:#ddd6e8;font-size:10px;font-weight:900}

/* V5.7.21 · composición segura: el efecto póster nunca puede romper el marco */
.preview.kd-card-new .words{
  max-width:86%!important;
  padding-left:2px;
  padding-right:2px;
  box-sizing:border-box;
}
.preview.kd-card-new .words .kd-line{
  box-sizing:border-box;
  max-width:100%!important;
  overflow:visible;
}
.preview.kd-card-new .words .kd-line.wide{letter-spacing:-.055em!important}
.preview.kd-card-new .words .kd-line.xwide{letter-spacing:-.07em!important}
.preview.kd-card-new .words .kd-line.fit-tight{letter-spacing:-.06em!important}
.preview.kd-card-new .words .kd-line.fit-ultra{letter-spacing:-.075em!important}
/* Reducimos la expansión interna del destacado: conserva energía sin empujar palabras fuera. */
.preview.kd-card-new .words .kd-word-primary{transform:scale(1.025) rotate(-1deg)!important}
.preview.kd-card-new .words .kd-word-primary:after{left:-2.5%!important;right:-2.5%!important}
/* Cuando el motor necesita comprimir mucho una línea, quita amplitud antes de sacrificar legibilidad. */
.preview.kd-card-new.poster-fit-tight .words .kd-line.hero{transform:rotate(-1.1deg) scale(1.008)!important}
.preview.kd-card-new.poster-fit-ultra .words .kd-line.hero{transform:rotate(-.7deg) scale(1)!important}
.preview.kd-card-new.poster-fit-ultra .words .kd-word-primary{transform:rotate(-1deg)!important}
/* Salvaguarda final: el texto queda dentro de la tarjeta incluso ante cadenas atípicas. */
.preview.kd-card-new{overflow:hidden!important}
.preview.kd-card-new .words{overflow:visible}
@media(max-width:390px){
  .preview.kd-card-new .words{max-width:84%!important}
  .preview.kd-card-new .words .kd-word-primary:after{left:-2%!important;right:-2%!important}
}


/* V5.7.23 — consecuencia con más presencia visual */
.preview.kd-card-new .consequence-tag{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;padding:14px 16px 15px!important;width:100%;max-width:100%!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(30,14,58,.58),rgba(67,28,101,.50))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 10px 22px rgba(0,0,0,.16)!important}
.preview.kd-card-new .consequence-tag small{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,201,40,.18);border:1px solid rgba(255,201,40,.34);color:#ffe48a!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.8px;line-height:1;opacity:1!important}
.preview.kd-card-new .consequence-tag small::before{content:'✦';font-size:11px;line-height:1}
.preview.kd-card-new .consequence-tag b{display:block;font-family:"Trebuchet MS","Arial Rounded MT Bold","Plus Jakarta Sans",sans-serif;font-size:clamp(16px,4.4vw,19px)!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.15px;color:#fff!important;text-wrap:pretty}
.preview.kd-card-new[class*="kd-smile-"] .consequence-tag{background:linear-gradient(135deg,rgba(255,247,206,.72),rgba(255,232,189,.86))!important;border-color:rgba(124,66,70,.18)!important;box-shadow:0 10px 22px rgba(120,76,52,.12)!important}
.preview.kd-card-new[class*="kd-smile-"] .consequence-tag small{background:rgba(123,43,88,.10)!important;border-color:rgba(123,43,88,.18)!important;color:#8b3561!important}
.preview.kd-card-new[class*="kd-smile-"] .consequence-tag b{color:#3f2330!important}
.preview.kd-card-new[class*="kd-gaming-"] .consequence-tag small{background:rgba(8,214,188,.16)!important;border-color:rgba(8,214,188,.28)!important;color:#9af5eb!important}
.preview.kd-card-new[class*="kd-role-"] .consequence-tag small{background:rgba(196,145,62,.16)!important;border-color:rgba(229,183,99,.28)!important;color:#ffd98a!important}
.preview.kd-card-new[class*="kd-bold-"] .consequence-tag small{background:rgba(255,113,160,.16)!important;border-color:rgba(255,141,182,.30)!important;color:#ffd0e3!important}


/* V5.7.24 — mini motor visual para la consecuencia */
.preview.kd-card-new .consequence-copy{--consequence-accent:#ffd23f;display:block;width:100%;font-family:"Arial Rounded MT Bold","Trebuchet MS","Segoe UI",sans-serif;font-weight:900;letter-spacing:-.45px;line-height:1.12;color:#fff;text-wrap:balance;overflow-wrap:anywhere;word-break:normal;text-shadow:0 2px 8px rgba(0,0,0,.24)}
.preview.kd-card-new .consequence-copy.consequence-short{font-size:clamp(21px,5.8vw,27px)}
.preview.kd-card-new .consequence-copy.consequence-medium{font-size:clamp(19px,5.1vw,24px)}
.preview.kd-card-new .consequence-copy.consequence-long{font-size:clamp(17px,4.6vw,21px);line-height:1.16}
.preview.kd-card-new .consequence-copy span,.preview.kd-card-new .consequence-copy em{display:inline;position:relative}
.preview.kd-card-new .consequence-copy em{font-style:normal;color:var(--consequence-accent);font-size:1.08em;font-weight:1000;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.preview.kd-card-new .consequence-copy em::after{content:'';position:absolute;left:-3%;right:-3%;height:4px;bottom:-3px;border-radius:999px;background:var(--consequence-accent);opacity:.92;transform:rotate(-2deg);box-shadow:0 1px 0 rgba(255,255,255,.16)}
.preview.kd-card-new.cine .consequence-copy,.preview.kd-card-new.bold .consequence-copy{--consequence-accent:#ff5b96}
.preview.kd-card-new.neon .consequence-copy{--consequence-accent:#ffd23f}
.preview.kd-card-new.gaming .consequence-copy{--consequence-accent:#32f0dc}
.preview.kd-card-new.role .consequence-copy{--consequence-accent:#ffbf4f}
.preview.kd-card-new.smile .consequence-copy{--consequence-accent:#f25b32;color:#3d2430;text-shadow:none}
.preview.kd-card-new.smile .consequence-copy em{text-shadow:none}
.preview.kd-card-new .consequence-tag{overflow:hidden}
@media(max-width:380px){.preview.kd-card-new .consequence-copy.consequence-short{font-size:22px}.preview.kd-card-new .consequence-copy.consequence-medium{font-size:20px}.preview.kd-card-new .consequence-copy.consequence-long{font-size:17.5px}}


/* V5.7.25 — destinatario visible en seguimiento de KD */
.owner-recipient-pill{display:flex;align-items:center;gap:12px;margin:2px 0 15px;padding:13px 14px;border-radius:20px;background:linear-gradient(135deg,#191d2b,#20263a);border:1px solid rgba(255,255,255,.08);box-shadow:0 9px 22px rgba(0,0,0,.16)}
.owner-recipient-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#312451,#1e2944);font-size:21px;overflow:hidden}.owner-recipient-avatar .avatar-initial{font-size:16px;font-weight:1000;color:#fff}.owner-recipient-avatar .avatar-spark{position:absolute;opacity:0}
.owner-recipient-pill>div:last-child{min-width:0;display:grid;gap:2px}.owner-recipient-pill small{font-size:10px;font-weight:1000;letter-spacing:.9px;color:#ffd75c}.owner-recipient-pill strong{font-size:18px;line-height:1.12;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-recipient-pill span{font-size:12px;color:#aaa4b8}
.owner-recipient-missing{width:100%;display:flex;align-items:center;gap:11px;margin:2px 0 15px;padding:13px 14px;text-align:left;border-radius:20px;border:1px dashed rgba(191,151,255,.42);background:rgba(111,55,237,.08);color:#fff}.owner-recipient-missing>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#252b3d;font-size:20px}.owner-recipient-missing>div{min-width:0;flex:1}.owner-recipient-missing b{display:block;font-size:14px}.owner-recipient-missing small{display:block;margin-top:3px;color:#aaa4b8;font-size:11px;line-height:1.3}.owner-recipient-missing i{font-style:normal;font-size:22px;color:#b996ff}
.share-recipient-note,.share-recipient-known{margin:13px 0 15px;padding:14px;border-radius:20px;background:#171b27;border:1px solid rgba(255,255,255,.08)}.share-recipient-note>div{margin-bottom:9px}.share-recipient-note b,.share-recipient-known b{color:#fff}.share-recipient-note small,.share-recipient-known small{display:block;margin-top:3px;color:#9f98ac;font-size:11px;line-height:1.35}.share-recipient-note .input{background:#101420!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important}.share-recipient-known{display:flex;align-items:center;gap:10px}.share-recipient-known>span{font-size:21px}.share-recipient-known>div{display:grid;gap:1px}.share-recipient-known small{margin:0;color:#ffd75c;font-weight:900;letter-spacing:.7px}


/* V5.7.26 — estado personal en KD de grupo */
.activity-status.answered-self{background:linear-gradient(135deg,#dff8ed,#ccefe1)!important;color:#17654f!important;border:1px solid rgba(73,190,143,.28)!important;box-shadow:none!important}
.group-self-answered .receiver-pill{background:rgba(71,205,153,.16)!important;border-color:rgba(71,205,153,.28)!important;color:#b8f5dc!important}

/* V5.7.31 · cierre de grupo con decisión explícita */
.group-owner-close-actions{gap:10px!important}
.group-close-accept{width:100%;background:linear-gradient(135deg,#16b996,#0f9f84);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 22px rgba(10,126,105,.20)}
.group-cancel-all{width:100%!important;background:rgba(177,45,67,.13)!important;color:#ffd9df!important;border:1px solid rgba(255,99,127,.26)!important}
.group-cancelled-result{border-color:rgba(255,121,145,.24)!important}
@media(max-width:520px){.group-owner-close-actions .btn{min-height:52px}}


/* V5.7.32 · acceso rápido para crear KD */
.kd-create-fab{
  position:fixed;
  right:max(18px,calc((100vw - 480px)/2 + 18px));
  bottom:calc(82px + env(safe-area-inset-bottom));
  z-index:24;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  padding:0;
  background:linear-gradient(145deg,#7a3df0 0%,#8f42ed 44%,#ff3f91 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(90,43,190,.32),0 4px 10px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.24);
  -webkit-tap-highlight-color:transparent;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.kd-create-fab span{display:block;font-size:31px;font-weight:500;line-height:1;transform:translateY(-1px)}
.kd-create-fab:active{transform:scale(.92);box-shadow:0 8px 20px rgba(90,43,190,.25),0 3px 7px rgba(0,0,0,.16)}
.kd-create-fab:focus-visible{outline:3px solid rgba(255,215,92,.86);outline-offset:3px}
@media(max-width:380px){.kd-create-fab{width:54px;height:54px;right:15px;bottom:calc(80px + env(safe-area-inset-bottom))}.kd-create-fab span{font-size:29px}}
@media(min-width:700px){.kd-create-fab{bottom:110px}}

/* V5.8.0 · Idiomas + consentimiento + documentos legales */
.top-actions{display:flex;align-items:center;gap:9px}.kd-lang-chip{border:1px solid rgba(255,255,255,.10);background:#1b2030;color:#f4efff;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:950;letter-spacing:.3px;box-shadow:0 7px 16px rgba(0,0,0,.12);white-space:nowrap}.top .kd-lang-chip{align-self:flex-start;margin-top:2px}.legal-consent-shell{display:grid;align-content:start;min-height:100vh;background:radial-gradient(circle at 50% 0,#2c1948 0,#111521 42%,#0d111b 100%);padding:20px}.legal-consent-top{display:flex;justify-content:flex-end;max-width:460px;width:100%;margin:0 auto 18px}.legal-consent-card{width:min(100%,420px);margin:8vh auto 0;background:#171c29;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:28px 24px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.32);color:#f7f3ff}.legal-consent-card img{border-radius:24px;box-shadow:0 12px 28px rgba(0,0,0,.25)}.legal-consent-card h1{margin:15px 0 12px;font-size:30px;letter-spacing:-1.1px}.legal-consent-card p{margin:0 auto 20px;max-width:330px;color:#cfc7dc;font-size:14px;line-height:1.55}.legal-inline-link{border:0;background:transparent;color:#ccb3ff;padding:0;font-weight:850;text-decoration:underline;text-underline-offset:3px}.legal-continue{background:linear-gradient(135deg,#7b49ef,#b24fdc);color:white;border:0;padding:12px 23px;border-radius:16px;width:auto;min-width:118px;box-shadow:0 9px 18px rgba(95,55,190,.25)}.legal-page-shell{background:#10141f;color:#f8f5ff}.legal-page-shell .content{padding-bottom:46px}.legal-doc{display:grid;gap:13px}.legal-doc h3{margin:10px 0 0;font-size:16px;color:#f2e9ff}.legal-doc p{margin:0;color:#bdb5c9;font-size:13px;line-height:1.62}.legal-doc b{color:#f4efff}.legal-config-warning{background:#2a2234;border:1px solid rgba(255,211,94,.22);color:#f5d979;border-radius:16px;padding:12px 13px;font-size:12px;line-height:1.5;margin-top:7px}.legal-settings-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.legal-settings-row .btn{text-align:left;width:100%;background:#1f2432!important;color:#eee7fa!important;border:1px solid rgba(255,255,255,.06)!important}.legal-page-shell .top{padding-left:2px;padding-right:2px}.legal-page-shell .screen-head{margin-top:4px}.legal-page-shell .back{background:#232838;color:#fff}.legal-page-shell .tag{color:#aaa2b7}.legal-page-shell .brand{color:#fff}
@media(max-width:390px){.top-actions{gap:6px}.kd-lang-chip{padding:7px 8px;font-size:10px}.top-actions .logo-mini{width:60px;height:60px}.legal-consent-card{margin-top:5vh;padding:24px 18px}}


/* V5.8.1 · primer envío y conexión autoexplicativos */
.hero-link.how-first-attention{display:inline-flex!important;align-items:center;justify-content:center;margin-top:12px!important;padding:9px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.32)!important;text-decoration:none!important;font-size:14px!important;font-weight:950!important;animation:kdHowNudge 2.4s ease-in-out 2;box-shadow:0 8px 18px rgba(0,0,0,.12)}
@keyframes kdHowNudge{0%,100%{transform:scale(1)}35%{transform:scale(1.07)}55%{transform:scale(.99)}}
.onboarding-guide .onboarding-how{margin-top:8px}.onboarding-guide .onboarding-skip{margin-top:10px;font-weight:850}
.how-intro-strong p,.how-flow-v581 .how-step p{font-weight:700!important;color:#e8e1f0!important;line-height:1.52!important}.how-flow-v581 .how-step p strong{color:#fff;font-weight:950}.how-mini-routes{display:grid;gap:7px;margin-top:11px}.how-mini-routes span{display:block;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.09);font-size:12px;font-weight:750}.how-location{margin-top:10px;padding:9px 11px;border-radius:13px;background:rgba(111,55,237,.24);border:1px solid rgba(173,137,255,.28);font-size:12px;font-weight:800;color:#f4efff}.how-location strong{color:#fff}
.send-path-guide{margin:0 0 14px;padding:15px;border-radius:22px;background:linear-gradient(145deg,#1e1830,#171b27);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 24px rgba(0,0,0,.16)}.send-path-guide h3{margin:0 0 11px;font-size:17px;color:#fff}.send-path-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.send-path-row:first-of-type{border-top:0}.send-path-row>span{font-size:21px;flex:0 0 28px}.send-path-row div{display:grid;gap:3px}.send-path-row b{font-size:13px;color:#fff}.send-path-row small{font-size:12px;line-height:1.4;color:#cfc4dc;font-weight:650}.send-path-row.connected b{color:#d7c6ff}
.direct-title-with-info,.send-card-title{display:flex;align-items:center;gap:8px}.send-card-title{justify-content:space-between}.send-card-title h3{margin:0}.kd-mini-info{width:23px;height:23px;min-width:23px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);color:#fff;font-weight:1000;font-family:Georgia,serif;line-height:21px;text-align:center}.kd-mini-info:active{transform:scale(.94)}.connect-another{width:100%;margin-top:10px;padding:10px 12px;border-radius:14px;border:1px dashed rgba(172,139,255,.38);background:rgba(111,55,237,.09);color:#d9c9ff;font-weight:900}.connect-from-send{margin-top:5px}
.connect-return-note{display:grid;gap:4px;margin:0 0 14px;padding:12px 14px;border-radius:18px;background:rgba(111,55,237,.15);border:1px solid rgba(166,128,255,.25)}.connect-return-note b{font-size:13px;color:#fff}.connect-return-note span{font-size:12px;color:#d3c7df;line-height:1.45;font-weight:650}.connect-purpose{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;padding:14px;border-radius:20px;background:linear-gradient(145deg,#241a3a,#171b27);border:1px solid rgba(255,255,255,.08)}.connect-purpose>span{font-size:25px;color:#d7c3ff}.connect-purpose b{font-size:16px;color:#fff}.connect-purpose p{margin:5px 0 0;font-size:13px;line-height:1.48;color:#ddd3e8;font-weight:700}.connect-route-arrow{display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;font-size:21px!important;font-weight:1000;background:rgba(111,55,237,.18);color:#cdb6ff;flex:0 0 34px}.connect-route-line{margin:10px 0;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.045)}.connect-route-line strong{display:block;color:#fff;font-size:13px}.connect-route-line p{margin:3px 0 0!important;font-weight:700!important;color:#d7cddd!important}.connect-location-note{padding:12px 14px;border-radius:16px;background:#151925;border:1px solid rgba(255,255,255,.07);font-size:12px;line-height:1.45;color:#cfc6d8;font-weight:700}.connect-location-note b{color:#fff}
@media(max-width:380px){.send-path-guide{padding:13px}.send-path-row small{font-size:11px}.connect-purpose{padding:12px}.connect-route-line{padding:9px}}


/* V5.8.3 — ideas + Toc-toc + reacciones */
.kd-idea-generator{width:100%;margin:9px 0 12px;border:1px solid rgba(180,122,255,.22);background:linear-gradient(145deg,#211b32,#171c29);color:#fff;border-radius:20px;padding:12px 13px;display:flex;align-items:center;gap:11px;text-align:left;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.kd-idea-generator>span{width:40px;height:40px;flex:0 0 40px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:linear-gradient(145deg,#7b3ff1,#d548aa);box-shadow:0 7px 18px rgba(111,55,237,.28)}
.kd-idea-generator>div{min-width:0;flex:1}.kd-idea-generator b{display:block;font-size:13px;font-weight:950}.kd-idea-generator small{display:block;margin-top:2px;color:#bdb4ca;font-size:10px;line-height:1.3;font-weight:700}.kd-idea-generator i{font-style:normal;color:#ffd84d;font-size:20px;font-weight:1000}.kd-idea-generator:active{transform:scale(.985)}
.reaction-buttons{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}.reaction-buttons button{min-width:0;height:40px!important;padding:0!important;font-size:18px!important}.reaction-from-other{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.reaction-from-other span{display:block;width:100%;font-size:9px;color:#a99fb8;margin-top:1px}
.toc-reaction-pop,.toc-moment{position:fixed;left:50%;z-index:80;pointer-events:none;opacity:0;transform:translate(-50%,12px) scale(.94);transition:.22s ease;background:rgba(24,20,36,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 42px rgba(0,0,0,.30);backdrop-filter:blur(14px)}
.toc-reaction-pop{bottom:104px;width:min(360px,calc(100% - 34px));border-radius:22px;padding:11px 14px;display:flex;align-items:center;gap:11px}.toc-reaction-pop.show,.toc-moment.show{opacity:1;transform:translate(-50%,0) scale(1)}.toc-reaction-pop .toc-face{flex:0 0 auto;transform:scale(.72);margin:-8px}.toc-reaction-pop b,.toc-reaction-pop small{display:block}.toc-reaction-pop b{font-size:13px;color:#fff}.toc-reaction-pop small{font-size:10px;color:#c4bbcf;margin-top:2px}
.toc-moment{bottom:105px;border-radius:999px;padding:8px 14px 8px 8px;display:flex;align-items:center;gap:7px;color:#fff;font-size:11px;font-weight:900}.toc-moment .toc-face{transform:scale(.55);margin:-14px;flex:0 0 auto}
@media(max-width:370px){.reaction-buttons{gap:4px!important}.reaction-buttons button{height:37px!important;font-size:17px!important}.kd-idea-generator small{font-size:9.5px}}

/* V5.8.7 · Perfil Yo más limpio */
.profile-settings-clean,.privacy-hub-links{display:grid;gap:10px}
.profile-setting-row{width:100%;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#202636,#191e2c);color:#f5f1ff;border-radius:20px;padding:14px 15px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.13)}
.profile-setting-row:active{transform:scale(.985)}
.profile-setting-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#2a3145;display:grid;place-items:center;font-size:20px}
.profile-setting-row>div{min-width:0;flex:1}.profile-setting-row b{display:block;font-size:15px;color:#f5f1ff}.profile-setting-row small{display:block;margin-top:3px;color:#a9a1b5;font-size:11.5px;line-height:1.35}.profile-setting-row>i{font-style:normal;font-size:27px;color:#c9b5ff;line-height:1}
.privacy-hub{padding-bottom:38px}.privacy-hub-summary{margin-bottom:12px}.privacy-hub-details{margin:0 0 14px}.privacy-hub-links{margin-top:10px}.privacy-danger-wrap{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:380px){.profile-setting-row{padding:12px 13px}.profile-setting-icon{width:38px;height:38px;flex-basis:38px}.profile-setting-row small{font-size:10.8px}}

/* V5.8.11 — New KD: creación más visual, dinámica y menos formulario */
.create-kd-screen{padding-top:12px;padding-bottom:34px;background:radial-gradient(circle at 84% 1%,rgba(116,71,251,.11),transparent 21%),radial-gradient(circle at 8% 34%,rgba(214,70,239,.08),transparent 24%)}
.create-head{position:relative;min-height:92px;margin-bottom:7px;padding-right:148px;align-items:flex-start}
.create-head .back{margin-top:3px;flex:0 0 42px;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#242a3d,#1a1f2e);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.create-head-copy{min-width:0;padding-top:2px}
.create-head-copy h2{font-size:28px!important;line-height:1;margin:0!important;letter-spacing:-1px;color:#fff}
.create-head-copy p{margin:7px 0 0;color:#c5b7ef;font-size:12px;font-weight:800;line-height:1.25;max-width:180px}
.create-mascots{position:absolute;right:-4px;top:-10px;width:146px;height:100px;pointer-events:none;filter:drop-shadow(0 11px 18px rgba(34,14,79,.35))}
.create-mascot{position:absolute;width:79px;height:79px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.16))}
.create-mascot.mascot-one{left:2px;top:19px;transform:rotate(-8deg)}
.create-mascot.mascot-two{right:2px;top:5px;transform:scaleX(-1) rotate(-7deg);filter:drop-shadow(0 7px 10px rgba(0,0,0,.16))}
.create-mascots>span{position:absolute;left:70px;top:6px;color:#ffd84d;font-size:22px;text-shadow:0 0 14px rgba(255,216,77,.55);transform:rotate(14deg)}
.create-mascots>small{position:absolute;right:-2px;bottom:-3px;width:86px;color:#d9a1ff;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:8.5px;line-height:1.04;font-weight:900;text-align:right;transform:rotate(-5deg);text-shadow:0 0 10px rgba(173,88,255,.24)}

.create-starter-title{font-size:12px;letter-spacing:.11em;color:#d0c4ec;margin:4px 3px 10px}
.create-special-starters{gap:10px;margin-bottom:14px}
.create-special-starters .starter-card{min-height:78px;border-radius:21px;padding:11px 12px;background:linear-gradient(145deg,#20263a,#171c2a);box-shadow:0 12px 26px rgba(0,0,0,.18);transition:transform .14s ease,border-color .14s ease}
.create-special-starters .starter-card:active{transform:scale(.985)}
.create-special-starters .starter-card.group{border-color:rgba(78,171,255,.18);background:linear-gradient(145deg,#1e2b42,#191e31)}
.create-special-starters .starter-card.bold{border-color:rgba(255,76,166,.21);background:linear-gradient(145deg,#43213f,#241b37)}
.create-special-starters .starter-card>span{width:42px;height:42px;flex-basis:42px;border-radius:14px;font-size:21px}
.create-special-starters .starter-card b{font-size:13px;color:#fff}
.create-special-starters .starter-card small{font-size:9.5px;line-height:1.22;color:#b6acc4!important}
.create-special-starters .starter-card i{font-size:18px;color:#e8d8ff}

.create-step{position:relative;overflow:hidden;margin:12px 0;border-radius:27px;padding:15px 14px 14px;border:1px solid rgba(144,102,255,.32);background:radial-gradient(circle at 100% 0,rgba(127,67,255,.16),transparent 30%),linear-gradient(155deg,#171d31,#141824 70%);box-shadow:0 16px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}
.create-step-one{border-color:rgba(99,105,255,.38);background:radial-gradient(circle at 100% 0,rgba(92,80,255,.20),transparent 34%),linear-gradient(155deg,#17203a,#141824 72%)}
.create-step-two{border-color:rgba(223,68,232,.34);background:radial-gradient(circle at 3% 0,rgba(255,70,166,.16),transparent 30%),radial-gradient(circle at 100% 0,rgba(130,71,255,.18),transparent 32%),linear-gradient(155deg,#1e1731,#151824 74%)}
.create-step-head{display:flex;align-items:center;gap:11px;min-height:54px;margin-bottom:10px;position:relative;z-index:2}
.create-step-head>div{min-width:0;flex:1}
.create-step-num{width:48px;height:48px;flex:0 0 48px;border-radius:19px;display:grid;place-items:center;color:#fff;font-family:"Arial Rounded MT Bold","Trebuchet MS",ui-rounded,sans-serif;font-size:24px;font-weight:1000;background:linear-gradient(145deg,#8251ff,#7136f2 55%,#9f43ff);border:1px solid rgba(255,255,255,.18);box-shadow:0 7px 19px rgba(113,54,242,.38),inset 0 2px 0 rgba(255,255,255,.20)}
.create-step-num.pink{background:linear-gradient(145deg,#ff5ca8,#d842dd 52%,#8c46ff);box-shadow:0 7px 19px rgba(220,63,210,.34),inset 0 2px 0 rgba(255,255,255,.20)}
.create-step-head h3{margin:0;font-family:"Arial Rounded MT Bold","Trebuchet MS","Syne",ui-rounded,sans-serif;font-size:27px;line-height:.96;letter-spacing:-.9px;color:#fff;text-shadow:0 2px 0 rgba(76,32,136,.24)}
.create-step-head p{margin:5px 0 0;color:#c8bfda;font-size:11px;line-height:1.25;font-weight:750}
.create-step-head em{font-style:normal;align-self:flex-start;margin-top:3px;max-width:82px;text-align:right;color:#d895ff;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:11px;line-height:1.06;font-weight:900;transform:rotate(-4deg);opacity:.92}
.create-step-head em:after{content:' ✦';color:#ffce55}

.create-type-field{margin:6px 0 9px}
.create-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.create-type-grid .type-card{min-width:0;min-height:86px;padding:10px 4px 8px!important;border-radius:18px!important;background:linear-gradient(180deg,#1b2131,#171b27)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;color:#f5f1ff!important;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.create-type-grid .type-card span{font-size:26px;line-height:1}
.create-type-grid .type-card b{display:block;max-width:100%;font-size:10.5px;line-height:1.08;white-space:normal;overflow-wrap:anywhere}
.create-type-grid .type-card.on{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.17),transparent 45%),linear-gradient(145deg,#7b36ff,#952ff0 55%,#d43ad9)!important;border-color:#f05cff!important;box-shadow:0 0 0 1px rgba(255,108,242,.40),0 10px 21px rgba(105,47,235,.32)!important;transform:translateY(-1px)}
.create-type-grid .type-card.on:after{content:'✓';position:absolute;right:6px;top:6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7b37f1;font-size:11px;font-weight:1000}
.create-type-grid .type-card{position:relative}
.create-mode-choice{margin:8px 0 0!important;padding:11px 12px!important;border-radius:18px!important;background:rgba(18,22,34,.68)!important;box-shadow:none!important}
.create-mode-choice .micro-label{margin-bottom:7px;font-size:10px;color:#cbbfe0!important}
.create-mode-choice .chips{gap:7px}
.create-mode-choice .chip.small{font-size:10.5px;padding:8px 10px}

.create-idea-generator{margin:2px 0 11px!important;padding:10px 12px!important;min-height:58px;border-radius:18px!important;background:linear-gradient(145deg,rgba(96,52,178,.40),rgba(43,28,65,.52))!important;border-color:rgba(237,92,229,.23)!important}
.create-idea-generator>span{width:37px!important;height:37px!important;flex-basis:37px!important;border-radius:13px!important}
.create-idea-generator b{font-size:12px!important;color:#fff}
.create-idea-generator small{font-size:9.5px!important;color:#bfb5cc!important}
.create-main-field{margin:9px 0 7px}
.create-main-field>label{font-size:13px;color:#fff!important;margin-bottom:8px}
.create-main-field textarea{min-height:112px;border-radius:19px!important;background:#101522!important;border-color:rgba(255,255,255,.09)!important;padding:15px!important;font-size:14px;line-height:1.42}
.create-main-field .quick-ideas{margin-top:9px;gap:6px}
.create-main-field .quick-ideas button,.create-main-field .idea-select{font-size:10px;padding:8px 10px;background:#242a3d!important}

.create-accordion{margin:10px 0 0;border-radius:21px;background:linear-gradient(145deg,#1c2132,#171b28);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.14);overflow:hidden;color:#fff}
.create-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 13px;min-height:62px;user-select:none}
.create-accordion>summary::-webkit-details-marker{display:none}
.create-accordion>summary>div{min-width:0;flex:1}
.create-accordion>summary b,.create-accordion>summary small{display:block}
.create-accordion>summary b{font-size:12.5px;line-height:1.16;color:#fff}
.create-accordion>summary small{font-size:9.5px;color:#aaa2b8;margin-top:3px;line-height:1.25}
.create-accordion>summary>i{font-style:normal;font-size:20px;color:#d8c9ef;transition:transform .16s ease}
.create-accordion[open]>summary>i{transform:rotate(180deg)}
.create-accordion-icon{width:39px;height:39px;flex:0 0 39px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(145deg,#9a3cff,#d940b7);box-shadow:0 7px 17px rgba(125,54,238,.26)}
.create-accordion-body{padding:0 12px 12px;border-top:1px solid rgba(255,255,255,.055)}
.create-consequence{background:linear-gradient(145deg,#201b31,#171b28)}
.create-consequence .consequence-field{margin:12px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.create-consequence .consequence-field .input{border-radius:16px!important}
.create-consequence .quick-ideas button{font-size:10px!important}

.create-step-collapsed{margin:10px 0;border-radius:22px}
.create-step-collapsed>summary{min-height:70px;padding:11px 13px}
.create-mini-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;font-size:19px;box-shadow:0 7px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.13)}
.create-mini-icon.calendar{background:linear-gradient(145deg,#28cbb6,#5475ff)}
.create-mini-icon.people{background:linear-gradient(145deg,#ff9f3f,#ff5e72)}
.create-step-num.small{width:34px;height:34px;flex-basis:34px;border-radius:13px;font-size:16px;background:rgba(255,255,255,.09);box-shadow:none;border-color:rgba(255,255,255,.08)}
.create-collapsed-copy{min-width:0;flex:1}
.create-collapsed-copy>b{font-family:"Arial Rounded MT Bold","Trebuchet MS","Syne",ui-rounded,sans-serif!important;font-size:20px!important;letter-spacing:-.5px}
.create-collapsed-copy>small{font-size:9.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.create-timing{border-color:rgba(39,214,184,.25);background:radial-gradient(circle at 100% 50%,rgba(28,209,180,.10),transparent 32%),linear-gradient(145deg,#17262e,#171b29)}
.create-participants{border-color:rgba(255,145,56,.24);background:radial-gradient(circle at 100% 50%,rgba(255,139,55,.10),transparent 32%),linear-gradient(145deg,#282019,#191b28)}
.create-optional-caption{padding:11px 1px 0;color:#a9a0b7;font-size:10px;line-height:1.35}
.create-date-grid{margin-top:2px}
.create-date-grid .field{margin:10px 0 0}
.create-date-grid .field label{font-size:11px}
.create-date-grid .input{padding:12px;border-radius:16px!important;font-size:12px}
.create-participants-box{margin:12px 0 0!important;padding:13px!important;border-radius:18px!important;background:#151a27!important;box-shadow:none!important}
.create-participants-box>label{font-size:11.5px!important}
.create-participants-box .input{padding:12px;border-radius:15px!important;font-size:12px}
.create-privacy-note{margin-top:10px!important;background:rgba(255,255,255,.035)!important;padding:10px 11px!important;font-size:9.5px!important}

.create-actions{margin-top:13px}
.create-cta{min-height:58px;border-radius:23px!important;font-size:16px!important;letter-spacing:-.2px;box-shadow:0 14px 34px rgba(165,54,235,.34),0 0 26px rgba(255,70,171,.12)!important}

@media(max-width:390px){
  .create-head{padding-right:128px;min-height:84px}.create-mascots{width:126px;height:88px}.create-mascot{width:69px;height:69px}.create-mascot.mascot-one{top:17px}.create-head-copy h2{font-size:25px!important}.create-head-copy p{font-size:10.5px;max-width:160px}
  .create-step{padding:13px 11px 12px;border-radius:24px}.create-step-head h3{font-size:24px}.create-step-head em{font-size:9.5px;max-width:68px}.create-step-num{width:44px;height:44px;flex-basis:44px;font-size:22px;border-radius:17px}
  .create-type-grid{gap:6px!important}.create-type-grid .type-card{min-height:80px;padding:9px 2px 7px!important}.create-type-grid .type-card span{font-size:24px}.create-type-grid .type-card b{font-size:9.4px}
}
@media(max-width:350px){.create-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.create-step-head em{display:none}.create-head{padding-right:108px}.create-mascots{transform:scale(.84);transform-origin:top right}.create-special-starters{grid-template-columns:1fr}.create-date-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.create-type-grid .type-card,.create-special-starters .starter-card,.create-accordion>summary>i{transition:none!important}}


/* V5.8.13 · Home visual estilo opción B + barra inferior más distintiva */
.home-v5813{display:grid;gap:14px;padding-top:10px}
.home-hero-card{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) 150px;gap:10px;align-items:end;overflow:hidden;border-radius:30px;padding:22px 18px;background:radial-gradient(circle at 100% 0,rgba(255,86,194,.38),transparent 40%),linear-gradient(145deg,#251364 0%,#10172c 48%,#161f39 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 34px rgba(0,0,0,.28)}
.home-hero-card:before{content:'';position:absolute;left:-30px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(132,102,255,.28),transparent 70%)}
.home-hero-copy,.home-hero-side{position:relative;z-index:1}
.home-hero-copy h1{margin:0;font-size:38px;line-height:.98;letter-spacing:-1.2px;color:#fff;font-family:"Syne","Plus Jakarta Sans",sans-serif}
.home-hero-claim{margin:9px 0 10px;max-width:220px;color:#fff8ff;font-size:17px;line-height:1.18;font-family:"Caveat","Segoe Script",cursive;font-weight:700}
.home-hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.home-hero-tags span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);font-size:10px;font-weight:900;letter-spacing:.04em;color:#efe8ff;text-transform:uppercase}
.home-create-btn{width:100%;display:flex;align-items:center;gap:12px;justify-content:flex-start;background:linear-gradient(135deg,#7a4cf8,#ff4f9b)!important;color:#fff!important;border-radius:22px;padding:15px 18px;box-shadow:0 14px 24px rgba(109,56,237,.30)}
.home-create-btn strong{flex:1;text-align:left;font-size:18px}
.home-create-plus{width:36px;height:36px;border-radius:18px;background:rgba(255,255,255,.95);display:grid;place-items:center;color:#7b40ef;font-style:normal;font-size:26px;line-height:1;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.home-create-btn em{font-style:normal;font-size:26px;line-height:1;opacity:.92}
.home-hero-mini-link{margin-top:10px;border:0;background:transparent;color:#d7c8ff;font-size:12px;font-weight:900;padding:2px 4px 0;text-align:left}
.home-hero-side{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-height:170px}
.home-hero-friends{width:150px;height:auto;max-width:100%;align-self:flex-end;filter:drop-shadow(0 18px 22px rgba(0,0,0,.30))}
.home-hero-toc{border:1px solid rgba(255,255,255,.10);background:rgba(20,23,39,.50);backdrop-filter:blur(10px);width:70px;height:70px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;box-shadow:0 12px 20px rgba(0,0,0,.18)}
.home-hero-toc .toc-face{width:36px;height:34px;flex-basis:36px}.home-hero-toc small{font-size:9px;font-weight:900}
.home-recent-section,.home-info-card,.home-empty-card{background:linear-gradient(180deg,#171c2a,#121723);border:1px solid rgba(255,255,255,.07);border-radius:24px;box-shadow:0 14px 28px rgba(0,0,0,.20)}
.home-recent-section{padding:15px 14px 12px}
.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.home-section-head h2{margin:0;font-size:22px;line-height:1.04;color:#fff}
.home-more-link{border:0;background:transparent;color:#cdbbff;font-weight:900;font-size:13px;padding:4px 0}.home-more-link span{font-size:17px;vertical-align:-1px}
.home-recent-list{display:grid;gap:10px}
.home-recent-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:12px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#1d2436,#162033);color:#f5f1ff;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.home-recent-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:rgba(255,255,255,.06)}
.home-recent-main{min-width:0}.home-recent-main b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-recent-main small{display:block;color:#bbb3c9;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-recent-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.home-recent-side time{font-size:11px;color:#aba3b7}
.home-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:900}
.home-status-pill.accepted{background:rgba(26,163,106,.22);color:#64efb1}
.home-status-pill.pending{background:rgba(243,176,42,.22);color:#ffd56d}
.home-status-pill.waiting{background:rgba(121,133,255,.18);color:#c3c8ff}
.home-status-pill.closed{background:rgba(255,255,255,.10);color:#ddd7ea}
.home-status-pill.new{background:rgba(255,89,185,.20);color:#ff9fd6}
.home-status-pill.answered{background:linear-gradient(135deg,#dff8ed,#ccefe1);color:#17654f;border:1px solid rgba(73,190,143,.28)}
.home-info-card{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px 14px;color:#f7f3ff;text-align:left}
.home-info-copy b{display:block;font-size:18px;color:#ffe06e}.home-info-copy p{margin:3px 0 0;color:#f5efff;font-size:15px;line-height:1.25}
.home-info-card i{font-style:normal;font-size:22px;color:#fff;opacity:.8}
.home-toc-card{background:linear-gradient(135deg,#5a2cff,#3d2b73 42%,#ff4a98 120%)}
.home-toc-card .home-info-icon .toc-face{width:50px;height:46px;flex-basis:50px}
.home-toc-card .home-info-copy p{color:#fff8ff}
.home-empty-card{padding:14px}
.home-privacy-note{text-align:center;margin-top:2px}
.navbar{left:50%;transform:translateX(-50%);bottom:0;width:min(480px,100%);background:rgba(10,13,24,.96)!important;border-top:1px solid rgba(255,255,255,.06)!important;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 12px max(10px,env(safe-area-inset-bottom));box-shadow:0 -12px 30px rgba(0,0,0,.24)}
.navbar .nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;border-radius:22px;padding:10px 6px 9px;color:#b8b0c6;transition:transform .15s ease,background .15s ease,color .15s ease}
.navbar .nav span{font-size:13px;font-weight:900;line-height:1}.navbar .nav i{display:grid;place-items:center;width:34px;height:34px;margin:0;font-style:normal}
.navbar .nav i svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.navbar .nav.on{background:linear-gradient(135deg,#6f42f5,#ff4f9b);color:#fff;box-shadow:0 12px 22px rgba(101,56,225,.30);transform:translateY(-1px)}
.navbar .nav:not(.on):active{transform:translateY(1px)}
.navbar .nav.on i{filter:drop-shadow(0 4px 10px rgba(255,255,255,.22))}
@media(max-width:400px){.home-hero-card{grid-template-columns:minmax(0,1fr) 128px;padding:20px 16px}.home-hero-copy h1{font-size:34px}.home-hero-claim{font-size:15px}.home-create-btn strong{font-size:16px}.home-hero-friends{width:128px}.home-section-head h2{font-size:20px}.home-recent-main b{font-size:15px}}


/* V5.8.15 · Estado local pendiente de compartir */
.status.pending-share{background:#352a18;color:#ffd66f;border:1px solid rgba(255,214,111,.18)}
.home-status-pill.share{background:rgba(255,196,54,.18);color:#ffd66f}
.pending-share-pill{border-color:rgba(255,202,75,.24)!important;background:linear-gradient(135deg,#2c2519,#1a1d29)!important}
.pending-share-pill>span{background:rgba(255,202,75,.12)!important;color:#ffd66f!important}
.pending-share-result{border:1px solid rgba(255,204,76,.18);background:linear-gradient(145deg,#2a2418,#191d28 60%,#222031)}
.pending-share-result .result-eyebrow{color:#ffd66f}


/* V5.8.17 · Confirmación de compartir con Toc-toc */
.kd-modal-icon.toc-share-confirm-icon{width:72px;height:68px;border-radius:23px;padding:0;background:linear-gradient(145deg,rgba(112,68,245,.18),rgba(211,70,239,.18));overflow:visible}
.kd-modal-icon.toc-share-confirm-icon .toc-face{width:66px;height:62px;flex-basis:66px;filter:drop-shadow(0 10px 16px rgba(111,55,237,.20))}
#kdModal .kd-modal-card:has(.toc-share-confirm-icon) h3{font-family:"Syne","Plus Jakarta Sans",sans-serif;color:#f7f2ff}
#kdModal .kd-modal-card:has(.toc-share-confirm-icon) p{font-size:14px;line-height:1.48;color:#d9d1e5}


/* V5.8.25 · Pantalla de envío simplificada por elección */
.publish-v5818{padding-top:12px;padding-bottom:34px}
.publish-v5818 .screen-head{margin-bottom:15px}
.send-choice-panel{margin:0 0 18px;padding:15px;border-radius:26px;background:linear-gradient(145deg,#1e1830,#171b27);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.send-choice-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px}
.send-choice-head .send-help-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:2px solid #9b72ff;background:rgba(111,55,237,.20);color:#fff;font-size:22px;font-weight:1000;box-shadow:0 0 0 4px rgba(111,55,237,.10)}
.send-choice-head div{display:grid;gap:4px}.send-choice-head b{font-size:17px;line-height:1.1;color:#fff}.send-choice-head small{font-size:12px;line-height:1.35;color:#bfb5cf;font-weight:700}
.send-choice-list{display:grid;gap:12px}
.send-choice-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 34px;gap:14px;align-items:center;width:100%;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(111,55,237,.18),rgba(20,24,36,.95));box-shadow:0 14px 30px rgba(0,0,0,.18);text-align:left;color:#fff;overflow:hidden}
.send-choice-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.08),transparent 34%)}
.send-choice-share{background:linear-gradient(180deg,rgba(255,74,170,.15),rgba(22,24,35,.96));border-color:rgba(255,124,196,.16)}
.send-choice-card.selected{border-color:rgba(196,137,255,.78);box-shadow:0 0 0 3px rgba(151,80,255,.14),0 18px 38px rgba(0,0,0,.28)}
.send-choice-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#7547f9,#c63de6);color:#fff;font-size:25px;box-shadow:0 9px 18px rgba(111,55,237,.25)}
.send-choice-share .send-choice-icon{background:linear-gradient(145deg,#8a3df4,#f047af)}
.send-choice-copy{min-width:0;display:grid;gap:7px}.send-choice-copy h3{margin:0;font-size:20px;line-height:1.02;color:#fff}.send-choice-copy p{margin:0;color:#d5cddd;font-size:12px;line-height:1.42;font-weight:700}
.send-choice-chip{display:inline-flex;justify-self:start;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(192,145,255,.32);background:rgba(94,54,232,.24);color:#dcd0ff;font-size:11.5px;font-weight:900}
.send-choice-chip.share{border-color:rgba(255,145,206,.30);background:rgba(255,73,175,.15);color:#ffc3e5}
.send-choice-card>i{font-style:normal;font-size:32px;color:#d6c4ff;justify-self:end}
.send-choice-badge{position:absolute;top:14px;right:18px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#ff54bc,#d44cff);color:#210b2f;font-size:11px;font-weight:1000;box-shadow:0 10px 18px rgba(212,76,255,.22)}
.send-choice-placeholder{display:grid;justify-items:center;gap:8px;margin:6px 0 18px;padding:18px 18px 16px;border:1px dashed rgba(174,132,255,.24);border-radius:24px;color:#d9d0e6;text-align:center;background:linear-gradient(180deg,rgba(31,27,46,.36),rgba(18,23,35,.18))}
.send-choice-placeholder-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(116,71,249,.16);color:#d7c3ff;font-size:24px}
.send-choice-placeholder b{font-size:15px;color:#fff}.send-choice-placeholder span{font-size:12px;line-height:1.45;color:#b9b0c8}
.send-option-card{scroll-margin-top:18px;margin:0 0 14px;padding:14px;border-radius:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.20);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.send-option-direct{background:radial-gradient(circle at 100% 0,rgba(122,72,255,.18),transparent 34%),linear-gradient(180deg,#171c2a,#121723)}
.send-option-share{background:radial-gradient(circle at 100% 0,rgba(255,70,165,.17),transparent 34%),linear-gradient(180deg,#1a1828,#121723);border-color:rgba(255,85,182,.14)}
.send-option-heading{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:start;margin:2px 2px 12px}
.send-option-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#7547f9,#c63de6);color:#fff;font-size:23px;box-shadow:0 9px 18px rgba(111,55,237,.25)}
.send-option-share .send-option-icon{background:linear-gradient(145deg,#8a3df4,#f047af)}
.send-option-heading h3{margin:0;font-size:20px;line-height:1.08;color:#fff}
.send-option-heading p{margin:5px 0 0;color:#bdb4c8;font-size:11.5px;line-height:1.4;font-weight:700}
.send-option-card .direct-send-panel{margin:0;padding:13px;border-radius:20px!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.06)!important}
.send-option-card .direct-send-card{margin:0;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
.send-option-card .send-card.surprise{margin:0;padding:13px;border-radius:20px!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.06)!important}
.send-option-focus{border-color:rgba(185,124,255,.72)!important;box-shadow:0 0 0 3px rgba(151,80,255,.12),0 18px 38px rgba(0,0,0,.28)!important;transform:translateY(-1px)}
@media(max-width:380px){.send-choice-panel{padding:13px}.send-choice-head{grid-template-columns:38px minmax(0,1fr)}.send-choice-head .send-help-icon{width:34px;height:34px;font-size:19px}.send-choice-head b{font-size:15.5px}.send-choice-head small{font-size:10.5px}.send-choice-card{grid-template-columns:48px minmax(0,1fr) 24px;padding:15px;gap:11px;border-radius:20px}.send-choice-icon{width:44px;height:44px;border-radius:14px;font-size:21px}.send-choice-copy h3{font-size:18px}.send-choice-copy p{font-size:11px}.send-choice-badge{top:12px;right:14px;font-size:9.5px;padding:6px 10px}.send-choice-chip{font-size:10.5px;min-height:27px;padding:0 10px}.send-option-card{padding:12px}.send-option-heading{grid-template-columns:44px minmax(0,1fr);gap:10px}.send-option-icon{width:42px;height:42px;border-radius:14px}.send-option-heading h3{font-size:18px}}

/* V5.8.21 · Aclaración simpática del creador en KD de grupo */
.participant-toc-hint{display:flex;align-items:center;gap:9px;margin:10px 0 2px;padding:8px 10px;border-radius:14px;background:linear-gradient(135deg,rgba(126,72,246,.14),rgba(255,79,155,.08));border:1px solid rgba(190,157,255,.14)}
.participant-toc-hint .toc-face{width:34px;height:32px;flex:0 0 34px}
.participant-toc-hint div{min-width:0}.participant-toc-hint b{display:block;color:#f4efff;font-size:11px;line-height:1.2}.participant-toc-hint span{display:block;color:#bdb4c9;font-size:9.5px;line-height:1.35;margin-top:2px}




/* V5.8.23 · separación uniforme sobre la navegación inferior */
:root{--kd-bottom-nav-clearance:118px}
.shell{padding-bottom:calc(var(--kd-bottom-nav-clearance) + env(safe-area-inset-bottom))!important}
.theme-picker-screen,.preview-action-screen{padding-bottom:28px!important}
.theme-picker-screen>.actions,.preview-action-screen>.actions{margin-top:24px;margin-bottom:0}
.theme-picker-screen>.actions .btn,.preview-action-screen>.actions .btn{min-height:58px}
.connect-generated{scroll-margin-top:18px;scroll-margin-bottom:calc(var(--kd-bottom-nav-clearance) + 18px + env(safe-area-inset-bottom))}
@media(max-width:390px){:root{--kd-bottom-nav-clearance:122px}}

@media (max-width: 520px){.creator-accepted-result .result-icon{font-size:68px}.creator-accepted-result h2{font-size:52px}.creator-accepted-result .creator-accepted-main>p{font-size:17px}.group-outcome-highlight{grid-template-columns:1fr;text-align:center}.group-outcome-icon{margin:auto}.group-outcome-stats{justify-content:center}.group-outcome-copy h3{font-size:32px}}


/* V5.8.32 · blocked contacts hub + live connection refresh */
.blocked-manage-entry{margin-top:12px}
.blocked-count{min-width:30px;height:30px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(170,126,255,.18);border:1px solid rgba(190,153,255,.25);font-size:13px;font-weight:1000;color:#efe6ff}
.blocked-page-intro{margin:-2px 0 16px;color:#aaa2b8;font-size:13px;line-height:1.45}
.blocked-list-page{margin-top:0}
.blocked-list-page .blocked-row{padding:14px}
.blocked-empty{margin-top:8px}
.connect-live-success{text-align:center}
.connect-live-success-icon{font-size:44px;margin-bottom:8px}
.connect-live-success h3{margin:0 0 8px;font-size:25px}
.connect-live-success p{margin:0 0 16px;color:#cfc7d8;line-height:1.45}

/* V5.8.33 - group KD participant area polish */
.preview.kd-card-new .participants-line.participants-hero{display:grid;gap:10px;margin-top:18px;padding:15px 16px 16px;border-radius:22px;background:linear-gradient(135deg,rgba(18,23,44,.34),rgba(69,38,102,.28));border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 24px rgba(12,10,28,.16)}
.preview.kd-card-new .participants-line.participants-hero small{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(255,204,64,.16);border:1px solid rgba(255,214,92,.28);font-size:10px;font-weight:1000;letter-spacing:.9px;line-height:1;color:#ffe089;opacity:1}
.preview.kd-card-new .participants-line.participants-hero small::before{content:'👥';font-size:12px;line-height:1}
.preview.kd-card-new .participants-chips{display:flex;flex-wrap:wrap;gap:8px}
.preview.kd-card-new .participant-chip{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);font-size:14px;font-weight:900;line-height:1.15;color:#fff;backdrop-filter:blur(10px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.preview.kd-card-new .participant-chip::before{content:'✦';font-size:10px;margin-right:7px;opacity:.82}
.preview.kd-card-new .participants-count{font-size:16px;font-weight:950;line-height:1.2;color:#fff}
.preview.kd-card-new.smile .participants-line.participants-hero{background:linear-gradient(135deg,rgba(255,251,226,.82),rgba(255,231,190,.90));border-color:rgba(114,63,73,.14);box-shadow:0 10px 24px rgba(123,92,39,.10)}
.preview.kd-card-new.smile .participants-line.participants-hero small{background:rgba(123,43,88,.10);border-color:rgba(123,43,88,.18);color:#8a3460}
.preview.kd-card-new.smile .participant-chip{background:rgba(255,255,255,.72);border-color:rgba(100,57,73,.14);color:#402130;box-shadow:0 6px 16px rgba(123,92,39,.08)}
.preview.kd-card-new.smile .participants-count{color:#402130}


/* V5.8.38 · responsable legal y contacto definitivos */
.legal-identity-line{margin-top:8px;padding:14px 15px;border-radius:18px;background:#191e2b;border:1px solid rgba(255,255,255,.08)}
.legal-identity-line p{margin:0!important}
.privacy-legal-card{display:flex;align-items:flex-start;gap:13px;margin:0 0 14px;padding:15px 16px;border-radius:20px;background:linear-gradient(180deg,#191d29,#141823);border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.privacy-legal-card>.profile-setting-icon{flex:0 0 auto}
.privacy-legal-card>div{min-width:0;flex:1}
.privacy-legal-card small{display:block;margin:1px 0 4px;color:#e4c858;font-size:9px;font-weight:1000;letter-spacing:.9px}
.privacy-legal-card b{display:block;color:#f6f2ff;font-size:15px}
.privacy-legal-card p{margin:7px 0 0;color:#aaa2b8;font-size:11.5px;line-height:1.5}
.privacy-legal-card p strong{color:#d9ccff;font-weight:850;overflow-wrap:anywhere}

/* V5.8.42 — Acierta + dictado ligero */
.voice-field{position:relative;display:flex;gap:8px;align-items:stretch}.voice-field>textarea,.voice-field>input{flex:1;min-width:0}
.quiz-create-box{display:grid;gap:14px}.quiz-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:rgba(110,66,201,.1);border:1px solid rgba(130,90,220,.18)}.quiz-note span{font-size:13px;opacity:.75}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-correct .chips{margin-top:7px}.quiz-app-note{font-size:12px;opacity:.72;margin:0}.quiz-card-body{display:grid;gap:12px}.quiz-card-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiz-card-options span{padding:9px 11px;border-radius:12px;background:rgba(10,10,25,.28);border:1px solid rgba(255,255,255,.22);font-weight:800;text-align:center}.quiz-card-stakes{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline;padding:9px 11px;border-radius:13px;background:rgba(10,10,25,.2)}.quiz-card-stakes small{opacity:1;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9)}.quiz-card-stakes b{min-width:0;overflow-wrap:anywhere}.quiz-answer-actions{display:grid;gap:10px;margin-top:12px}.quiz-choice{display:flex!important;align-items:center;gap:12px;text-align:left!important;justify-content:flex-start!important}.quiz-choice>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14)}.quiz-result{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;margin:12px 0;border:1px solid rgba(255,255,255,.12)}.quiz-result.ok{background:rgba(44,172,107,.1)}.quiz-result.bad{background:rgba(226,74,91,.1)}.quiz-result .result-icon{font-size:28px}.quiz-result h2{margin:2px 0 4px}.quiz-result p{margin:4px 0}.quiz-stake-result{display:grid;gap:2px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(128,128,128,.2)}.quiz-stake-result span{font-size:12px;opacity:.7}.quiz-owner-result>.quiz-result{margin:10px 0 0}
@media(max-width:520px){.quiz-options{grid-template-columns:1fr}}


.keyboard-dictate-hint{margin:4px 3px 0;color:#91899e;font-size:10px;line-height:1.3;font-weight:500}

/* V5.8.41 — contraste de fecha/hora en tarjetas Plan
   Mantiene tamaño y composición; añade solo una base translúcida para que
   la fecha/hora siga siendo legible sobre fondos claros o con mucho detalle. */
.preview.kd-card-new .plan-when{
  background:rgba(8,8,20,.52)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  padding:4px 8px!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-shadow:0 2px 9px rgba(0,0,0,.24)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.82)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.preview.kd-card-new.smile .plan-when,
.preview.kd-card-new[class*="kd-smile-"] .plan-when{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(72,40,56,.16)!important;
  box-shadow:0 2px 8px rgba(70,35,45,.12)!important;
  text-shadow:none!important;
}


/* V5.8.44 — Acierta: rechazo previo + opciones integradas en el tema */
.quiz-answer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.quiz-answer-head>div{min-width:0;flex:1}.quiz-answer-head h3{margin:0 0 6px}.quiz-answer-head p{margin:0}
.quiz-decline{flex:0 0 auto;border:1px solid rgba(255,111,139,.36);background:rgba(109,28,52,.24);color:#ffb5c4;border-radius:999px;padding:9px 12px;font:inherit;font-weight:800;cursor:pointer;min-height:40px}
.quiz-decline:active{transform:translateY(1px)}
.quiz-answer-actions{gap:12px}
.quiz-choice{min-height:72px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(31,35,58,.98),rgba(19,22,40,.98))!important;border:1px solid rgba(143,108,255,.45)!important;color:#f7f5ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;padding:14px 16px!important;transition:border-color .16s ease,background .16s ease,transform .08s ease!important}
.quiz-choice>b{background:linear-gradient(135deg,rgba(124,73,255,.95),rgba(238,67,176,.9))!important;color:#fff!important;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 14px rgba(100,56,255,.18)}
.quiz-choice>span{font-weight:850;color:#fff;overflow-wrap:anywhere}
.quiz-choice:hover{border-color:rgba(216,91,255,.76)!important;background:linear-gradient(145deg,rgba(43,38,76,.98),rgba(25,25,51,.98))!important}
.quiz-choice:active{transform:scale(.992)}
@media(max-width:520px){.quiz-answer-head{align-items:stretch;flex-direction:column}.quiz-decline{align-self:flex-end}.quiz-choice{min-height:66px!important}}

/* V5.8.46 · Acierta terminal navigation */
.quiz-finished-shell{padding-bottom:112px}
@media(min-width:700px){.quiz-finished-shell{padding-bottom:112px}}


/* V5.8.47 — Acierta: contraoferta única tras el resultado */
.quiz-counter-offer,.quiz-counter-card{margin-top:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(139,92,246,.42);background:rgba(16,20,35,.72)}
.quiz-counter-offer p,.quiz-counter-card p{margin:0 0 10px;color:var(--muted,#b9b8c8);line-height:1.4}
.quiz-counter-offer small,.quiz-counter-card small{display:block;margin-top:9px;color:var(--muted,#aaa6bd)}
.quiz-counter-card>b{display:block;margin:5px 0 8px;color:#fff}
.quiz-counter-card.accepted{border-color:rgba(52,211,153,.45);background:rgba(8,48,38,.5)}
.quiz-counter-card.rejected{border-color:rgba(251,113,133,.42);background:rgba(62,23,32,.48)}
.quiz-counter-card .actions{margin-top:12px}

/* V5.8.55 — ayuda discreta para dictado desde el teclado del móvil */

/* V5.8.56 · Privacidad, seguridad y comunidad */
.profile-setting-row{text-decoration:none!important}
.profile-setting-row b,.profile-setting-row small{text-decoration:none!important}
.legal-doc-notice{margin:4px 0 7px;padding:14px 15px;border-radius:18px;background:linear-gradient(135deg,rgba(120,72,238,.16),rgba(233,67,181,.08));border:1px solid rgba(185,139,255,.18)}
.legal-doc-notice b{display:block;margin-bottom:5px;color:#f4edff}.legal-doc-notice p{margin:0!important}
.legal-text-link{color:#d7c2ff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.community-doc h3{margin-top:8px}


/* V5.8.57 · onboarding, accesibilidad, compartir, valorar y feedback */
.onboarding-skip-top{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#b9b0c6;font-size:11px;font-weight:850;padding:7px 8px}.onboarding-guide{position:relative}.onboarding-step-icon{width:46px;height:46px;margin:6px auto 2px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.075);font-size:22px}.onboarding-dots{display:flex;justify-content:center;gap:7px;margin:0 0 17px}.onboarding-dots span{width:7px;height:7px;border-radius:999px;background:#514a5e;transition:.2s ease}.onboarding-dots span.on{width:22px;background:linear-gradient(90deg,#7b49ef,#e747aa)}
.profile-setting-spacer{height:6px;border-top:1px solid rgba(255,255,255,.07);margin:4px 0 0}.accessibility-aa{font-size:17px!important;font-weight:1000;letter-spacing:-.7px;color:#d9c9ff}.kd-setting-switch{width:45px;height:27px;flex:0 0 45px;border-radius:999px;background:#343b4e;border:1px solid rgba(255,255,255,.09);padding:2px;display:flex;align-items:center;transition:.2s ease}.kd-setting-switch>span{width:21px;height:21px;border-radius:50%;background:#aaa4b6;box-shadow:0 2px 7px rgba(0,0,0,.28);transition:.2s ease}.kd-setting-switch.on{background:linear-gradient(135deg,#7a46ef,#d843ae)}.kd-setting-switch.on>span{transform:translateX(17px);background:#fff}
html.kd-large-text{-webkit-text-size-adjust:118%;text-size-adjust:118%}html.kd-large-text .profile-setting-row b{font-size:17px}html.kd-large-text .profile-setting-row small{font-size:13px}html.kd-large-text .section-title{font-size:20px}html.kd-large-text .screen-head h2{font-size:29px!important}html.kd-large-text .content p{font-size:15px}html.kd-large-text .content small{font-size:12.5px}html.kd-large-text input,html.kd-large-text textarea,html.kd-large-text select{font-size:17px!important}html.kd-large-text .legal-doc p{font-size:15px!important}html.kd-large-text .privacy-details-inside p{font-size:14.5px!important}
@media(max-width:380px){.onboarding-skip-top{right:12px;top:11px}.kd-setting-switch{width:42px;flex-basis:42px}.kd-setting-switch.on>span{transform:translateX(14px)}}

/* V5.8.58 · auditoría de cierre: App Links, sitemap y limpieza de portada/micro */

/* V5.8.62 — invitación útil a instalar KedaDicho desde Acierta web */
.acierta-install-hint{align-items:center}
.acierta-install-hint>div{flex:1;min-width:0}
.install-app-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:9px 13px;border-radius:12px;background:#7c4dff;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;line-height:1;box-shadow:0 7px 18px rgba(124,77,255,.24)}
.install-app-btn:active{transform:translateY(1px)}

/* V5.8.66 — salida clara desde el detalle de un KD */
.kd-detail-back-kds{margin-top:18px;min-height:54px}

/* V5.8.68 · explicación breve del widget en Cómo funciona */
.how-widget{margin:16px 0;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,rgba(38,31,55,.96),rgba(78,53,111,.94));border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 24px rgba(0,0,0,.18);color:#fff}.how-widget p{margin:8px 0;color:#f1edf7;line-height:1.45}.how-widget small{display:block;color:#d3c9df;line-height:1.45}

/* V5.8.72 — Acierta: aceptar la condición tras fallar */
.quiz-counter-offer .quiz-stake-main{display:block;margin:4px 0 14px;font-size:18px;color:#fff;overflow-wrap:anywhere}
.quiz-counter-offer .quiz-stake-accept{width:100%;margin-bottom:14px}
.quiz-counter-offer .quiz-counter-alternative{margin-top:2px!important;margin-bottom:9px!important;font-size:13px}
.quiz-stake-accepted>b{font-size:17px}