:root{--azul:#2b8fff;--azul-hover:#1a7ae8;--bg:#0a0e14;--bg-card:#141b26;--bg-input:#1c2632;--borde:#263243;--texto:#e8edf4;--texto-suave:#8a97a8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--texto);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.contenedor{max-width:480px;margin:0 auto;padding:24px 20px 60px}.logo{letter-spacing:-1px;font-size:42px;font-weight:800}.logo span{color:var(--azul)}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.saludo{color:var(--texto-suave);margin-bottom:28px;font-size:15px}.saludo strong{color:var(--texto)}h2.titulo{margin-bottom:18px;font-size:22px;font-weight:700}.btn{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;transition:background .15s}.btn:hover{background:var(--azul-hover)}.btn-full{width:100%}.btn-ghost{color:var(--texto-suave);border:1px solid var(--borde);cursor:pointer;background:0 0;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:500}.btn-ghost:hover{color:var(--texto);border-color:var(--azul)}.btn-mini{background:var(--bg-input);color:var(--texto-suave);border:1px solid var(--borde);cursor:pointer;border-radius:8px;margin-left:6px;padding:6px 12px;font-size:13px}.btn-mini:hover{color:var(--texto)}.input,.textarea,.select{background:var(--bg-input);border:1px solid var(--borde);width:100%;color:var(--texto);border-radius:12px;margin-bottom:12px;padding:14px 16px;font-family:inherit;font-size:16px}.input:focus,.textarea:focus,.select:focus{border-color:var(--azul);outline:none}.textarea{resize:vertical;min-height:120px}.track-card{background:var(--bg-card);border:1px solid var(--borde);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:18px 20px;transition:border-color .15s,transform .1s;display:flex}.track-card:hover{border-color:var(--azul)}.track-card:active{transform:scale(.99)}.track-nombre{font-size:18px;font-weight:600}.track-tipo{color:var(--texto-suave);background:var(--bg-input);border-radius:20px;padding:4px 10px;font-size:12px}.wod-card{background:var(--bg-card);border:1px solid var(--borde);border-radius:16px;margin-bottom:16px;padding:20px}.wod-fecha{color:var(--azul);font-size:15px;font-weight:700}.wod-titulo{color:var(--texto);font-weight:600}.wod-contenido{white-space:pre-wrap;color:var(--texto);margin-top:12px;font-family:inherit;font-size:16px;line-height:1.6}.link-azul{color:var(--azul);cursor:pointer;font-weight:600;text-decoration:none}.centrado{text-align:center}.mt{margin-top:20px}.error{color:#ff6b6b;margin-top:12px}.exito{color:#51cf66;margin-top:12px}.vacio{color:var(--texto-suave);text-align:center;padding:20px}