:root{--bg-void:#05060a;--bg-panel:#0d1017;--bg-glass:#1418249e;--neon-cyan:#22e5ff;--neon-magenta:#ff2fb9;--neon-lime:#9dff3c;--text-hi:#e8ecf6;--text-lo:#8b93ab;--edge:#22e5ff2e;--danger:#ff5470;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--r:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-void);color:var(--text-hi);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 600px at 12% -8%,#22e5ff17,#0000 60%),radial-gradient(900px 520px at 92% 4%,#ff2fb914,#0000 62%);background-attachment:fixed;margin:0}a{color:var(--neon-cyan);text-decoration:none}.mono{font-family:var(--mono)}.wrap{max-width:1180px;margin:0 auto;padding:20px 16px 96px}.wrap-sm{max-width:560px}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--text-lo)}.tiny{font-size:12px}.center{text-align:center}.panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--edge);border-radius:var(--r);padding:18px}.panel.live{box-shadow:0 0 28px -8px var(--neon-cyan);border-color:#22e5ff80}.top{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--edge);background:#05060ad1;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.brand{font-family:var(--mono);letter-spacing:.14em;font-size:13px;font-weight:700}.brand span{color:var(--neon-cyan)}.badge{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--edge);color:var(--text-lo);white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px}.badge.live{color:var(--neon-magenta);border-color:#ff2fb973}.badge.ok{color:var(--neon-lime);border-color:#9dff3c66}.badge.warn{color:var(--danger);border-color:#ff547073}.dot{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.dot.pulse{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}label{color:var(--text-lo);margin-bottom:6px;font-size:13px;display:block}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{border:1px solid var(--edge);width:100%;color:var(--text-hi);font:inherit;background:#04060cb3;border-radius:10px;padding:12px 13px;font-size:16px}textarea{resize:vertical;min-height:84px;font-family:var(--sans)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--neon-cyan);outline:none;box-shadow:0 0 0 3px #22e5ff21}.btn{border:1px solid var(--edge);min-height:48px;color:var(--text-hi);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;background:#22e5ff14;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover:not(:disabled){background:#22e5ff29}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{box-shadow:0 0 24px -8px var(--neon-cyan);background:linear-gradient(135deg,#22e5ff38,#ff2fb933);border-color:#22e5ff80}.btn.ghost{background:0 0}.btn.sm{min-height:34px;padding:0 11px;font-size:12px}.btn.danger{color:var(--danger);border-color:#ff547073}.btn.full{width:100%}.choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice button{text-align:left;cursor:pointer;border:1px solid var(--edge);min-height:62px;color:var(--text-lo);font:inherit;background:#04060c99;border-radius:10px;padding:10px}.choice button.on{border-color:var(--neon-cyan);color:var(--text-hi);box-shadow:0 0 20px -10px var(--neon-cyan);background:#22e5ff1a}.choice b{margin-bottom:3px;font-size:14px;display:block}.choice small{font-size:11.5px;line-height:1.35;display:block}.check{cursor:pointer;align-items:flex-start;gap:11px;display:flex}.check input{width:19px;height:19px;accent-color:var(--neon-cyan);flex:none;margin-top:3px}.q{border:1px solid var(--edge);background:#0d10178c;border-radius:12px;gap:12px;padding:14px;animation:.18s ease-out enter;display:flex}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.q.answered{opacity:.55}.q.featured{box-shadow:0 0 22px -10px var(--neon-magenta);border-color:#ff2fb98c}.q-body{overflow-wrap:anywhere;margin:0 0 7px;font-size:15.5px;line-height:1.45}.up{border:1px solid var(--edge);width:56px;min-height:62px;color:var(--text-lo);cursor:pointer;font-family:var(--mono);background:#04060ca6;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;transition:transform .12s;display:flex}.up:active{transform:scale(.94)}.up.on{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 18px -8px var(--neon-cyan);background:#22e5ff1f}.up .n{font-size:17px;font-weight:700;line-height:1}.up .c{letter-spacing:.1em;font-size:9px}.compose{z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--edge);background:#05060af0;position:fixed;bottom:0;left:0;right:0}.compose .inner{align-items:flex-end;gap:9px;max-width:1180px;margin:0 auto;display:flex}.compose textarea{min-height:48px;max-height:130px}.cols{grid-template-columns:340px 1fr;align-items:start;gap:16px;display:grid}@media (width<=860px){.cols{grid-template-columns:1fr}}.tema-row{border:1px solid var(--edge);background:#04060c80;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:11px 12px;display:flex}.tema-row.open{border-color:var(--neon-cyan);box-shadow:0 0 22px -10px var(--neon-cyan);background:#22e5ff17}.tema-row.closed{opacity:.5}.ord{font-family:var(--mono);color:var(--text-lo);flex:none;width:22px;font-size:11px}.code{font-family:var(--mono);border:1px solid var(--edge);white-space:pre;color:var(--neon-lime);background:#04060ccc;border-radius:10px;padding:12px;font-size:12px;line-height:1.6;overflow-x:auto}.toast{z-index:60;font-family:var(--mono);border:1px solid var(--edge);background:#0d1017f5;border-radius:999px;padding:11px 17px;font-size:13px;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 8px 34px #00000080}.toast.err{color:var(--danger);border-color:#ff547080}.empty{text-align:center;color:var(--text-lo);padding:44px 18px}.empty .big{opacity:.5;margin-bottom:10px;font-size:30px}hr.sep{border:0;border-top:1px solid var(--edge);margin:16px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.seccion{letter-spacing:.12em}.firma{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-lo);margin:14px 0 0;font-size:12px}.firma:before{content:"";vertical-align:middle;background:linear-gradient(90deg, var(--neon-cyan), transparent);width:22px;height:1px;margin-right:9px;display:inline-block}.tarjeta{color:inherit;align-items:center;gap:12px;transition:border-color .18s,transform .12s;display:flex}.tarjeta:hover{border-color:#22e5ff6b}.tarjeta:active{transform:translateY(1px)}.tarjeta .danger{opacity:.35;transition:opacity .18s}.tarjeta:hover .danger,.tarjeta .danger:focus-visible{opacity:1}.var-chip{font-family:var(--mono);cursor:pointer;color:var(--text-lo);border:1px solid var(--edge);background:#04060c99;border-radius:7px;padding:5px 9px;font-size:11.5px;transition:all .14s}.var-chip:hover{color:var(--text-hi);border-color:var(--neon-cyan);background:#22e5ff1a}.var-chip.personal{color:#f0a8d8;border-color:#ff2fb952}.var-chip.personal:hover{border-color:var(--neon-magenta);color:var(--text-hi);background:#ff2fb91f}.chip{border:1px solid var(--edge);font-family:var(--mono);color:var(--text-lo);border-radius:999px;align-items:center;gap:5px;padding:3px 4px 3px 9px;font-size:11px;display:inline-flex}.chip-x{color:var(--text-lo);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:14px;line-height:1}.chip-x:hover{color:var(--danger)}.sel-sm{height:34px;font-family:var(--mono);border:1px solid var(--edge);color:var(--text-hi);cursor:pointer;background:#04060cb3;border-radius:8px;padding:0 9px;font-size:12px}.previa-cab{border:1px solid var(--edge);background:#04060c99;border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.7}.previa-marco{border:1px solid var(--edge);background:#0d1017;border-radius:10px;width:100%;height:520px}textarea.mono{font-family:var(--mono);line-height:1.55}.up.marcador{cursor:default;color:var(--text-hi);border-color:var(--edge);background:#04060cb8}.up.marcador .n{color:var(--neon-cyan);font-size:19px}.up.marcador .c{color:var(--text-lo)}.q.featured .up.marcador .n{color:var(--neon-magenta)}.landing{align-items:center;min-height:calc(100vh - 130px);padding-top:24px;display:flex}@media (width<=640px){.landing{align-items:flex-start;min-height:0;padding-top:28px}}.dlg-fondo{z-index:100;-webkit-backdrop-filter:blur(6px);background:#020306b8;place-items:center;padding:20px;animation:.16s ease-out dlg-fondo-entra;display:grid;position:fixed;inset:0}@keyframes dlg-fondo-entra{0%{opacity:0}}.dlg{border-radius:var(--r);width:100%;max-width:440px;box-shadow:0 0 46px -14px var(--neon-cyan), 0 24px 60px #0009;background:linear-gradient(#12161f,#0d1017);border:1px solid #22e5ff57;padding:20px;animation:.18s cubic-bezier(.2,.9,.3,1) dlg-entra}@keyframes dlg-entra{0%{opacity:0;transform:translateY(10px)scale(.985)}}.dlg.peligro{box-shadow:0 0 46px -14px var(--danger), 0 24px 60px #0009;border-color:#ff547073}.dlg-marca{letter-spacing:.16em;color:var(--neon-cyan);margin-bottom:12px;font-size:10.5px}.dlg.peligro .dlg-marca{color:var(--danger)}.dlg-titulo{letter-spacing:-.01em;margin:0 0 8px;font-size:18px;line-height:1.3}.dlg-mensaje{color:var(--text-lo);margin:0;font-size:14px;line-height:1.55}.dlg-mensaje strong{color:var(--text-hi);font-weight:500}.dlg-campo{margin-top:16px}.dlg-campo label{margin-bottom:7px}.dlg-clave{font-family:var(--mono);color:var(--text-hi);-webkit-user-select:all;user-select:all;background:#ff547024;border:1px solid #ff547052;border-radius:5px;padding:2px 6px;font-size:12px}.dlg-botones{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width<=460px){.dlg-botones{flex-direction:column-reverse}.dlg-botones .btn{width:100%;min-height:46px}}.btn.danger.solido{color:#ffb3c0;background:#ff547029;border-color:#ff54708c}.btn.danger.solido:hover:not(:disabled){background:#ff547042}@media (prefers-reduced-motion:reduce){.dlg,.dlg-fondo{animation:none}}.dlg.peligro input:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ff547026}.fila{border:1px solid var(--edge);background:#04060c80;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;display:flex}.fila.revocado{opacity:.5;border-style:dashed}.token-luz{background:var(--text-lo);border-radius:50%;flex:none;width:8px;height:8px}.token-luz.activa{background:var(--neon-lime);box-shadow:0 0 9px var(--neon-lime)}.token-nuevo{background:#ff2fb90d;border:1px solid #ff2fb95c;border-radius:10px;padding:13px}.fila code,.dlg code{font-family:var(--mono);border:1px solid var(--edge);color:var(--text-lo);background:#22e5ff17;border-radius:4px;padding:1px 5px;font-size:11.5px}.idiomas{border:1px solid var(--edge);border-radius:8px;display:inline-flex;overflow:hidden}.idiomas button{font-family:var(--mono);letter-spacing:.08em;color:var(--text-lo);cursor:pointer;background:0 0;border:0;padding:5px 8px;font-size:10.5px}.idiomas button.on{color:var(--neon-cyan);background:#22e5ff24}.idiomas button:hover:not(.on){color:var(--text-hi)}.rec-form{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;align-items:center;gap:8px;display:grid}@media (width<=620px){.rec-form{grid-template-columns:1fr}}.aud-fila{grid-template-columns:96px 1fr auto;align-items:center;gap:9px;display:grid}.aud-etiqueta{color:var(--text-hi);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.aud-barra{border:1px solid var(--edge);background:#04060cbf;border-radius:999px;height:9px;overflow:hidden}.aud-relleno{background:linear-gradient(90deg, var(--neon-cyan), #ff2fb9bf);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.2,.9,.3,1);display:block}.aud-relleno.vacia{background:#8b93ab73}.aud-cifra{white-space:nowrap;font-size:11.5px}@media (width<=520px){.aud-fila{grid-template-columns:78px 1fr auto}}.perfil{flex-wrap:wrap;gap:8px;display:flex}.perfil button{border:1px solid var(--edge);min-height:44px;color:var(--text-lo);font:inherit;cursor:pointer;background:#04060c99;border-radius:10px;padding:0 14px;font-size:14px;transition:all .14s}.perfil button.on{border-color:var(--neon-cyan);color:var(--text-hi);box-shadow:0 0 18px -9px var(--neon-cyan);background:#22e5ff1f}.perfil button.saltar{color:var(--text-lo);opacity:.75;font-size:13px}.perfil button.saltar.on{opacity:1}.sorteo-marco{border:1px dashed var(--edge);text-align:center;background:#04060c8c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:92px;padding:14px;display:flex}.sorteo-marco.hay{box-shadow:0 0 26px -10px var(--neon-magenta);border-style:solid;border-color:#ff2fb980}.sorteo-nombre{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:26px;font-weight:700;line-height:1.15}.sorteo-marco.girando .sorteo-nombre{color:var(--neon-cyan);animation:.45s steps(3,end) infinite sorteo-gira}@keyframes sorteo-gira{50%{opacity:.25}}.spot-fondo{z-index:120;-webkit-backdrop-filter:blur(8px);background:#020306cc;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.spot{text-align:center;border:2px solid var(--neon-magenta);background:linear-gradient(#17121d,#0d1017);border-radius:18px;width:100%;max-width:420px;padding:34px 24px;animation:1.4s ease-in-out infinite spot-pulso}@keyframes spot-pulso{0%,to{box-shadow:0 0 0 0 #ff2fb980, 0 0 40px -10px var(--neon-magenta);border-color:var(--neon-magenta)}50%{box-shadow:0 0 0 16px #ff2fb900, 0 0 70px -6px var(--neon-cyan);border-color:var(--neon-cyan)}}.spot-icono{color:var(--neon-magenta);margin-bottom:8px;font-size:44px}.spot-titulo{letter-spacing:-.02em;margin:0 0 6px;font-size:30px}.spot-sub{color:var(--text-lo);margin:0 0 22px;font-size:15px}.spot-aviso{font-family:var(--mono);color:var(--neon-magenta);background:#ff2fb912;border:1px solid #ff2fb966;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;animation:.2s ease-out enter;display:flex}@media (prefers-reduced-motion:reduce){.spot,.sorteo-marco.girando .sorteo-nombre{animation:none}.spot{box-shadow:0 0 46px -10px var(--neon-magenta)}}