:root{--carbon: #12100E;--superficie: #1A1714;--superficie-alta: #221E1A;--borde: #2E2925;--borde-suave: #241F1B;--hueso: #F0E9E1;--hueso-medio: #B3A99E;--hueso-tenue: #857C73;--tramo-1: #DC2626;--tramo-2: #F97316;--tramo-3: #FBBF24;--tramo-4: #FEF3C7;--tramo-5: #60A5FA;--fuego: #F97316;--fuego-fondo: rgba(249, 115, 22, .12);--ambar: #FBBF24;--cumplido: #4ADE80;--cumplido-fondo: rgba(74, 222, 128, .12);--ceniza: #6B6259;--sans: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--aire-xs: .4rem;--aire-s: .8rem;--aire-m: 1.4rem;--aire-l: 2.4rem;--aire-xl: 4rem;--radio: 14px;--radio-s: 8px;--transicion: .26s cubic-bezier(.34, 1.56, .64, 1);--transicion-rapida: .14s cubic-bezier(.34, 1.56, .64, 1);--sombra-carta: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 30px -14px rgba(0, 0, 0, .7);--seguro-arriba: env(safe-area-inset-top, 0px);--seguro-abajo: env(safe-area-inset-bottom, 0px)}@media (prefers-reduced-motion: reduce){:root{--transicion: 1ms;--transicion-rapida: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--carbon);color:var(--hueso);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:manipulation}h1,h2,h3{font-weight:600;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.cifra{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.tenue{color:var(--hueso-tenue)}.medio{color:var(--hueso-medio)}:focus-visible{outline:2px solid var(--fuego);outline-offset:3px;border-radius:var(--radio-s)}.pagina{display:flex;flex-direction:column;min-height:100%;max-width:560px;margin:0 auto;padding:calc(var(--seguro-arriba) + var(--aire-s)) var(--aire-m) calc(var(--seguro-abajo) + var(--aire-l))}.centrado{display:grid;place-items:center;min-height:100vh;padding:var(--aire-l)}.centrado-texto{text-align:center;margin-top:var(--aire-xl)}.cabecera{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:var(--aire-s);padding-bottom:var(--aire-m)}.marca{font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.cabecera-titulo{text-align:center;font-weight:500;color:var(--hueso-medio);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icono-boton{display:grid;place-items:center;width:44px;height:44px;margin:0 0 0 -10px;border:0;background:transparent;color:var(--hueso-tenue);border-radius:999px;transition:color var(--transicion-rapida),background var(--transicion-rapida)}.icono-boton:last-child{margin:0 -10px 0 0;justify-self:end}.icono-boton:hover{color:var(--hueso);background:var(--superficie)}.cumbre{text-align:center;padding:var(--aire-s) 0 var(--aire-l)}.anillo{position:relative;width:168px;height:168px;margin:0 auto}.anillo-svg{width:100%;height:100%;transform:rotate(-90deg)}.anillo-fondo{fill:none;stroke:var(--borde);stroke-width:5}.anillo-avance{fill:none;stroke:var(--fuego);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset var(--transicion)}.anillo-centro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.racha-grande{font-size:3.4rem;font-weight:700;line-height:1;margin:var(--aire-s) 0 0;letter-spacing:-.04em}.racha-pie{font-size:.8rem;margin:4px 0 0;text-transform:lowercase}.estado-del-dia{margin:var(--aire-m) 0 0;font-size:.95rem}.ascua{transform-origin:50% 88%}.ascua-estable,.ascua-pavesa{animation:respirar 4s ease-in-out infinite}.ascua-pavesa{opacity:.75;animation-duration:6s}.ascua-tiritando{animation:tiritar .9s ease-in-out infinite}.ascua-chisporroteo{animation:respirar 1.6s ease-in-out infinite}.ascua-fogonazo{animation:fogonazo .7s cubic-bezier(.22,1.2,.36,1)}.ascua .chispas circle{animation:chispear 1.5s ease-in-out infinite}.ascua .chispas circle:nth-child(2){animation-delay:.35s}.ascua .chispas circle:nth-child(3){animation-delay:.7s}.ascua .chispas circle:nth-child(4){animation-delay:1.05s}.ascua .humo path{animation:humear 2.2s ease-out infinite}@keyframes respirar{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes tiritar{0%,to{transform:scale(.95) translate(0)}25%{transform:scale(.93) translate(-2px)}75%{transform:scale(.93) translate(2px)}}@keyframes fogonazo{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes chispear{0%,to{opacity:0;transform:translateY(6px)}50%{opacity:.9;transform:translateY(-6px)}}@keyframes humear{0%{opacity:.7;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@media (prefers-reduced-motion: reduce){.ascua,.ascua .chispas circle,.ascua .humo path{animation:none!important}}.grupo{margin-bottom:var(--aire-m)}.grupo-titulo{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--aire-s) 4px}.tarjeta{display:flex;align-items:stretch;gap:var(--aire-s);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:var(--aire-s);overflow:hidden;transition:border-color var(--transicion-rapida),background var(--transicion-rapida)}.tarjeta.hecha{border-color:#4ade8059;background:linear-gradient(90deg,var(--cumplido-fondo),var(--superficie) 60%)}.tarjeta-cuerpo{display:flex;align-items:center;gap:var(--aire-s);flex:1;min-width:0;padding:var(--aire-s) 0 var(--aire-s) var(--aire-m)}.tarjeta-icono{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radio-s);background:var(--superficie-alta);font-weight:700;color:var(--hueso-medio)}.tarjeta-texto{display:flex;flex-direction:column;min-width:0;flex:1}.tarjeta-texto strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-minimo{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-racha{display:inline-flex;align-items:center;gap:4px;flex:none;padding-right:var(--aire-xs);font-weight:600;font-size:.95rem}.escudo-roto{color:var(--ceniza);font-size:.8rem;margin-left:2px}.marcar{display:grid;place-items:center;width:60px;flex:none;border:0;border-left:1px solid var(--borde);background:transparent;color:var(--ceniza);transition:background var(--transicion-rapida),color var(--transicion-rapida),transform var(--transicion-rapida)}.marcar:hover:not(:disabled){background:var(--superficie-alta);color:var(--hueso-medio)}.marcar:active:not(:disabled){transform:scale(.9)}.tarjeta.hecha .marcar{color:var(--cumplido);background:var(--cumplido-fondo)}.marcar:disabled{opacity:.3;cursor:default}.vacio{text-align:center;padding:var(--aire-l) var(--aire-s)}.vacio h1{font-size:1.35rem;margin-bottom:var(--aire-xs)}.vacio p{margin:0 0 var(--aire-m)}.anadir{text-align:center;margin:var(--aire-m) 0}.nota{font-size:.8rem;margin:var(--aire-s) 0 0;line-height:1.45}.boton{display:inline-block;padding:0 var(--aire-l);min-height:46px;line-height:46px;border:0;border-radius:999px;background:var(--fuego);color:#1a0f04;font-weight:600;text-align:center;transition:transform var(--transicion-rapida),opacity var(--transicion-rapida)}.boton:active{transform:scale(.97)}.boton:disabled{opacity:.45;cursor:default}.boton.fantasma{background:transparent;border:1px solid var(--borde);color:var(--hueso)}.boton.peligro{background:transparent;border:1px solid rgba(220,38,38,.4);color:#f87171}.detalle-cumbre{text-align:center;padding-bottom:var(--aire-m)}.detalle-icono{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:var(--radio);background:var(--superficie-alta);font-size:1.3rem;font-weight:700;color:var(--hueso-medio);margin-bottom:var(--aire-s)}.detalle-cumbre h1{font-size:1.4rem}.detalle-cumbre p{margin:4px 0 0}.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--aire-s);margin-bottom:var(--aire-m)}.numero{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--aire-s) 0;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio)}.numero .grande{display:inline-flex;align-items:center;gap:4px;font-size:1.5rem;font-weight:700}.numero .tenue{font-size:.72rem}.ficha{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:var(--aire-m);margin-bottom:var(--aire-s)}.ficha h2{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hueso-tenue);margin-bottom:var(--aire-s)}.ficha p{margin:0;font-size:.9rem}.ficha select{margin-bottom:var(--aire-xs)}.ficha small{display:block;margin-top:var(--aire-xs);font-size:.78rem}.aviso{color:var(--ambar)}.logrado{color:var(--cumplido)}.barra{height:8px;background:var(--superficie-alta);border-radius:999px;overflow:hidden;margin-bottom:var(--aire-s)}.barra span{display:block;height:100%;background:linear-gradient(90deg,var(--tramo-1),var(--tramo-3));border-radius:999px;transition:width var(--transicion)}.fila{display:flex;align-items:center;gap:var(--aire-s);padding:var(--aire-s) 0;border-bottom:1px solid var(--borde-suave)}.fila:last-child{border-bottom:0}.fila span:nth-child(2){flex:1}.fila .cifra{display:inline-flex;align-items:center;gap:4px}.acciones{display:flex;flex-wrap:wrap;gap:var(--aire-s);margin-top:var(--aire-m)}.acciones .nota{width:100%}.heatmap{overflow-x:auto}.heatmap-rejilla{display:flex;gap:3px;min-width:min-content}.heatmap-semana{display:flex;flex-direction:column;gap:3px}.celda{width:11px;height:11px;border-radius:2px;background:var(--superficie-alta)}.celda.hecho{background:var(--fuego)}.celda.cicatriz{background:var(--tramo-1);opacity:.55}.celda.fallado{background:#38312b}.celda.no-toca{background:var(--borde-suave)}.celda.fuera{background:transparent}.formulario{display:flex;flex-direction:column;gap:var(--aire-m)}.formulario label{display:flex;flex-direction:column;gap:6px}.formulario label>span{font-size:.8rem;color:var(--hueso-medio)}.formulario small{font-size:.78rem;line-height:1.4}input,select{width:100%;font:inherit;font-size:16px;color:var(--hueso);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-s);padding:11px var(--aire-s);min-height:46px}input::placeholder{color:var(--hueso-tenue)}fieldset{border:0;padding:0;margin:0}legend{font-size:.8rem;color:var(--hueso-medio);padding:0 0 6px}.iconos,.opciones,.dias{display:flex;flex-wrap:wrap;gap:6px}.opciones{margin-bottom:var(--aire-s)}.icono,.opcion,.dia{min-height:44px;padding:0 var(--aire-s);border:1px solid var(--borde);background:var(--superficie);color:var(--hueso-medio);border-radius:var(--radio-s);font-weight:600;transition:background var(--transicion-rapida),color var(--transicion-rapida),border-color var(--transicion-rapida)}.icono{width:44px;padding:0}.dia{min-width:44px;padding:0}.icono.activo,.opcion.activa,.dia.activo{background:var(--fuego-fondo);border-color:var(--fuego);color:var(--ambar)}.celebracion{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--aire-l);background:#12100ed1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;animation:aparecer .22s ease-out}.celebracion-caja{text-align:center;max-width:380px}.celebracion-caja h2{font-size:1.6rem;margin:var(--aire-s) 0 var(--aire-xs)}.frase{font-size:1.08rem;line-height:1.5;margin:var(--aire-m) 0 0;color:var(--hueso)}.celebracion.grande .frase{font-size:.95rem;color:var(--hueso-medio)}.celebracion .boton{margin-top:var(--aire-l)}@keyframes aparecer{0%{opacity:0}to{opacity:1}}.instalar{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:var(--aire-s) var(--aire-m);margin:var(--aire-m) 0 0;font-size:.86rem}.instalar p{margin:var(--aire-xs) 0 0;line-height:1.45}.pie{text-align:center;font-size:.75rem;margin-top:auto;padding-top:var(--aire-l)}.linea{display:flex;align-items:center;justify-content:space-between;gap:var(--aire-s);padding:var(--aire-s) 0;border-top:1px solid var(--borde-suave);font-size:.9rem}.linea input[type=time]{width:auto;min-height:40px;padding:4px var(--aire-s)}.linea input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:var(--fuego)}.cabecera.con-progreso{grid-template-columns:44px 1fr 44px 44px}.cabecera.con-progreso .icono-boton:last-child{margin-right:-10px}.nota-grande{margin:0 0 var(--aire-m);font-size:.95rem}.sugerencia{display:flex;align-items:center;gap:var(--aire-s);width:100%;text-align:left;padding:var(--aire-s) var(--aire-m);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:var(--aire-s);transition:border-color var(--transicion-rapida),background var(--transicion-rapida)}.sugerencia:hover{border-color:var(--fuego);background:var(--superficie-alta)}.sugerencia .mas{font-size:1.3rem;font-weight:300}.nivel{display:flex;align-items:center;gap:var(--aire-m);margin-bottom:var(--aire-s)}.nivel-numero{font-size:2.6rem;font-weight:700;line-height:1;color:var(--ambar)}.nivel-datos{flex:1}.nivel-datos p{font-size:.78rem;margin:4px 0 0}.clasificacion{list-style:none;margin:0;padding:0}.clasificacion li{display:flex;align-items:center;gap:var(--aire-s);padding:var(--aire-s) 0;border-bottom:1px solid var(--borde-suave);font-size:.9rem}.clasificacion li:last-child{border-bottom:0}.clasificacion .puesto{width:24px;color:var(--hueso-tenue)}.clasificacion .nombre{flex:1}.clasificacion li.yo{color:var(--ambar);font-weight:600}.logros{display:grid;gap:var(--aire-s)}.logro{display:grid;grid-template-columns:1fr auto;gap:2px var(--aire-s);padding:var(--aire-s);border:1px solid var(--borde-suave);border-radius:var(--radio-s);opacity:.45}.logro.conseguido{opacity:1;border-color:var(--fuego);background:var(--fuego-fondo)}.logro strong{font-weight:600;font-size:.9rem}.logro span{font-size:.78rem;line-height:1.35}.logro .xp{grid-row:1 / 3;align-self:center;color:var(--ambar);font-weight:600}.etiqueta{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin:var(--aire-s) 0 0}